1

在domain1.com我有一个简单的 html 页面：

<h1 class="hello-world">Hello World!</h1>

此页面引用托管在domain2.com上的外部CSS 文件。该 CSS 文件中的所有图像都使用相对路径进行引用。例如：

h1.hello-world {
background-image:url(/images/cute-kitten.gif);
}

当我在 domain1 上加载页面时，浏览器是否尝试引用图像'domain1.com/images/cute-kitten.gif'或'domain2.com/images/cute-kitten.gif'？

所有（当前）浏览器的结果是否相同？

4

2 回答 2

2

根据CSS Level 2 规范文档，相对 URI 总是使用包含路径的样式表的 URI 来解析。

为了创建不依赖于资源绝对位置的模块化样式表，作者可以使用相对 URI。[...] 对于 CSS 样式表，基本 URI 是样式表的，而不是源文档的。

因此，它将始终http://domain2.com/images/cute-kitten.gif在所有浏览器上解析。

于 2013-06-26T16:21:03.607 回答
0

根据CSS 规范：

部分 URL 被解释为相对于样式表的来源，而不是相对于文档

在您的示例中，URI 将导致domain2.com/images/cute-kitten.gif.

于 2013-06-26T16:18:31.593 回答