CSS 相对 URL：来自样式表还是 HTML 文档？

CSS 文件中的相对 URL：相对位置问题

在 CSS 文件中引用背景图像等资源时，相对 URL 通常是受雇。但是，相对 URL 到底是从哪里测量的？

考虑以下 CSS 代码：

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

如果此样式表通过 包含在各种文档中，则相对 URL 是CSS 文件中的 URL 相对于：

• 样式表文档进行评估/stylesheets/?
• 包含样式表的当前文档？

答案：

根据 W3C，“部分 URL相对于样式表的源进行解释，而不是相对于

因此，在这种情况下，CSS 文件中的相对 URL 将相对于 /stylesheets/ 处的样式表文档进行解释。

这是有道理的，因为 CSS 文件可以在不同目录的多个页面中使用。将相对 URL 的起始点标准化为 CSS 文件可确保无论页面位置如何，URL 都能正确运行。

以上是CSS 相对 URL：来自样式表还是 HTML 文档？的详细内容。更多信息请关注PHP中文网其他相关文章！