css - 背景图像的 src 是否与其来自 css 的路径或正在使用的文件相关？

Question

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

Answer 1

HTML 中的src属性与呈现的文档相关。如果你有一个文件/index.html并且你想要包含的 img 是 at /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 可以从任何子目录甚至从不同的服务器链接。