css - 从远程主机上的 CSS 样式表加载图像

Question

我有以下文件结构:

On server 'site1.com':
- images\background.jpg
- index.html

On server 'site2.com':
- css\main.css

在 site1.com 上的“index.html”文件中，我指向 site2.com/css/main.css 上的样式表。

在“main.css”文件中，我有一条规则:background-image: url(images/background.jpg);

问题是文件“index.html”没有加载“background.jpg”作为其背景。我该如何解决？唯一的方法是在样式表规则中写入绝对路径 background-image: url(site1.com/images/background.jpg);？

提前致谢。

Answer 1

使用完整链接background-image: url(http://site1.com/images/background.jpg);并且绝对路径不包括域。绝对路径示例 background-image:url(/images/background.jpg);