背景图像的 SRC 是否与其从 CSS 的路径或正在使用的文件有关

Question

当您使用背景图像并设置 src 时，您是将 css 文件中的 src 设置为背景图像实际处于活动状态的文件的路径还是源？

Answer 1

HTML

中的 src 属性相对于呈现的文档。如果你有一个文件/index.html并且你想要输入的img在/img/1.png，则该属性将读取src="img/1.png" 。

同样，CSS 中的 url 属性是相对于 CSS 文档的。如果您的 CSS 文件位于 /css/styles.css 该属性将读取 background:url('../img/1.png') 。

Answer 2

CSS文件中的路径是你应该使用的

Answer 3

CSS

文件中的链接始终相对于该 CSS 文件的位置。这是可取的，因为CSS可以从任何子目录甚至从不同的服务器链接。