使 CSS url() 相对于文档

当涉及 CSS 时，适用以下规则：

Partial URLs are interpreted relative to the source of the style sheet,
not relative to the document.

但这是我的问题：

我有不同的网站使用相同的 CSS 文件。虽然它们使用相同的布局，但 CSS 引用的实际图像对于每一个都是不同的。

Exemple:

#header {
width: 960px;
height: 200px;
background: url(/images/header.png);
}

每个域都有自己的“images”文件夹和自己的“header.png”，我希望 CSS 引用它们。目前，它的行为符合预期，并尝试在托管 CSS 的域中查找 png 文件。我想要的是它从调用 CSS 文件的域获取 png 文件。

我对样式表使用“link”，因为“@import”会破坏 IE 中的渐进式渲染。

有什么建议或解决方法吗？

我想要的是它从调用 CSS 文件的域获取 png 文件。

您必须为每个引用的域提供单独的 URL。所以www.example1.com将其样式表引用为/style/sheet.css从而抓住它http://www.example1.com/style/sheet.css whilst www.example2.com得到它从http://www.example2.com/style/sheet.css.

然而，仅仅因为它们看起来与客户端不同，并不意味着它们在服务器端必须是不同的文件（以及暗示的所有维护）。你可以只指向一个Alias将每个域上的内容转换为真实的共享 CSS 文件。

我能想到的唯一其他解决方法是拆分 URL 引用规则，例如background-image并将它们放入特定于域的样式表或内部样式表中。