如何在托管在不同域的css资源中引用图像位置


How to reference image locations in css asset hosted on a different domain?

我有一个网站在http://www.link1.com所有的php和图像,我想从不同的网站像http://www.link2.com加载css(这不托管任何css图像)

我从css中得到了padding, margin, and arrangement这些东西,但是没有图像。

浏览器限制这个吗?有跨域css加载的方法吗?

你可以把你的css放到另一个主机上。如果填充等正常工作,则css被加载。如果图像不能工作,检查css中指定的路径。

编辑:如果图像托管在不同的域,您应该在css定义中使用绝对url,即:

background: url('http://link2.com/path/to/image.jpg');

作为相对路径是相对于css位置的,而不是相对于父页面的(很明显,IE除外,参见下面Rob的回答)。

大多数浏览器将CSS中的相对路径解析为相对于CSS文件的位置(IE除外)。如果您使用的是相对路径,并且您的图像位于页面主机上,那么这可能是问题的根源