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

CSS文件中的相对路径是否相对于CSS文件?,css,path,Css,Path,当我通过相对路径引用CSS文件中的图像或其他文件时,是相对于CSS文件还是使用CSS文件的HTML文件的路径?相对于CSS文件。是的,它相对于.CSS 下面是一个布局示例: Page: page.htm ... does not matter where CSS: /resources/css/styles.css Image: /resources/images/image.jpg 样式中的CSS。CSS: div { background-image: url('../image

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

相对于CSS文件。

是的,它相对于
.CSS

下面是一个布局示例:

Page:  page.htm ... does not matter where
CSS:   /resources/css/styles.css  
Image: /resources/images/image.jpg
样式中的CSS。CSS:

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

对。它是相对于CSS文件的。我要补充的是,这还包括相对于CSS文件所在域的内容

因此,如果CSS被引用为:

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


是的,它是相对于样式表的。有关最新的参考资料,请参阅;现在,最新的草稿是[]。

谢谢您的详细回答。我在同一个问题上真的很困惑,在这里你只是用一种更好的方式解决了它。这确实是合理的,因为它允许从不同的
.html
文件(可能位于不同的位置)引用相同的
.css
文件没有阻止指向外部对象的路径。为什么styles.css中的div的大括号没有关闭?如果由于同源策略,将标题设置为允许外部包含,则外部域中的包含仅在某些浏览器中有效
div { background-image: url('/images/image.jpg');