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

CSS 相对 URL：相对于样式表或当前文档？

在 CSS 文件中指定相对 URL（例如背景图像）时，它是了解它们所指的位置至关重要。以文件“/stylesheets/base-styles.css”为例：

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

现在，考虑将此样式表包含到各种文档中，例如 /item/details.html 或 /about/index.html。 CSS 文件中的相对 URL 将相对于哪里进行计算？

答案：

根据 W3，“部分 URL 是相对于样式源进行解释的工作表，与文档无关。”因此，在这种情况下，URL 将相对于样式表的位置（即“/stylesheets/”）进行评估。

这是有道理的，因为 CSS 文件可能会链接到不同目录中的页面。通过将 URL 评估标准化为 CSS 文件位置，可以确保无论样式表包含在哪个页面上下文中，URL 都能正确解析。

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