Question

假设我有一个样式表

body {
    background-image: url('/images/bgimage.jpg');
}

位于本地文件的头部

http://localserver/index.html

<html>
<head>
    <link rel="StyleSheet" href="http://remoteserver/stylesheet.css" type="text/css" />
</head>
<body>
<h1> This is a test </h1>
</body>
</html>

将加载哪个图片： -

http://remoteserver/images/bgimage.jpg

或

http://localserver/images/bgimage.jpg

由于

Answer 1

AFAIK css中的路径始终与css文件相关。所以它会加载。

http://remoteserver/images/bgimage.jpg

Answer 2

它将是远程服务器。

原因是因为在CSS文件中，您使用的url('/images/bgimage.jpg');指的是远程服务器中的images文件夹相对于CSS文件的目录。

如果您希望它在本地服务器上加载图像，则必须编写如下内容：
url('http://localserver/images/bgimage.jpg');
这将引用本地服务器中的图像文件。

远程样式表路径

2 个答案: