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

CSS in styles.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