CSS文件中的相对路径是否相对于CSS文件？

Question

当我通过相对路径引用CSS文件中的图像或其他文件时，是使用CSS文件相对于CSS文件或HTML文件的路径吗？

Answer 1

是的，它与.css

相关

这是一个示例布局：

Page:  page.htm ... does not matter where
CSS:   /resources/css/styles.css  
Image: /resources/images/image.jpg

styles.css中的CSS：

div { background-image: url('../images/image.jpg');

Answer 2

是。它与CSS文件有关。我将补充说，这还包括相对于CSS文件所在的域。

因此，如果CSS被引用为：

<link href="http://www.otherdomain.com/css/example.css" type="text/css" rel="stylesheet" />

它包含：

div { background-image: url('/images/image.jpg');

背景将是：

http://www.otherdomain.com/images/image.jpg

Answer 3

到CSS文件。

Answer 4

是的，它与样式表有关。有关最新参考，请参见MDN；现在，最新的草稿是[css-values-4]。