CSS 文件中的相对 URL 如何解析？

在 CSS 文件中定位相对 URL

在 CSS 文件中使用相对 URL 引用资源时，确定它们的相对位置至关重要。例如，考虑包含以下 CSS 的 CSS 文件 base-styles.css：

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

如果此样式表使用 包含在各种文档中，则相对位置将在哪里CSS 文件中的 URL 相对于什么被渲染？

答案：

根据W3:

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

因此，相对 URL 将相对于 /stylesheets/。

这种方法在逻辑上是有意义的，因为 CSS 文件可以包含在不同目录的页面中。基于 CSS 文件标准化 URL 可确保无论样式表链接到何处，URL 都能正常工作。

以上是CSS 文件中的相对 URL 如何解析？的详细内容。更多信息请关注PHP中文网其他相关文章！