在CSS文件中定义诸如背景图片URL之类的内容时,使用相对URL时,它相对于何处?例如:
假设文件/stylesheets/base-styles.css包含:
/stylesheets/base-styles.css
div#header { background-image: url('images/header-background.jpg'); }
如果我包括通过这个样式表到不同的文件<link ... />会在CSS文件中的相对URL是 相对于样式表文件 中/stylesheets/或 相对于当前文档 包括它是什么?可能的路径如下:
<link ... />
/stylesheets/
/item/details.html /about/index.html /about/extra/other.html /index.html
根据W3:
部分URL相对于样式表的来源而不是相对于文档进行解释
因此,在回答您的问题时,它将相对于/stylesheets/。
如果考虑到这一点,这是有道理的,因为CSS文件可以添加到不同目录中的页面上,因此将其标准化为CSS文件意味着URL可以在链接样式表的任何地方使用。