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中文网其他相关文章!