使用CSS文件中的相对URL，它相对于什么位置？

Question

使用CSS文件中的相对URL，它相对于什么位置？当在CSS文件中定义背景图像URL时，当使用相对URL时，它相对于哪里？例如：假设文件/stylesheets/base-styles.css包含：div#header {      background-image: url('images/header-background.jpg');}如果我将此样式表包含到不同的文档中，请通过<link ... />CSS文件中的相对URL是相对于样式表文档在……里面/stylesheets/或相对于当前文档包括在内吗？可能的途径如下：/item/details.html /about/index.html /about/extra/other.html /index.html

Answer 1

部分URL是相对于样式表的源进行解释的，而不是相对于文档的。

因此，在回答你的问题时，它将相对于/stylesheets/.

如果考虑到这一点，这是有意义的，因为CSS文件可以添加到不同目录中的页面中，因此将其标准化到CSS文件意味着URL将在样式表链接的任何地方工作。

Answer 2

它相对于样式表，但我建议将URL与您的URL相关联：

div#header { 
  background-image: url(/images/header-background.jpg);}

这样，您就可以在以后不需要重构文件的情况下到处移动文件。