浏览器如何在CSS中找到背景图像？

Question

我试图找出背景图片没有出现的原因。

默认情况下，浏览器是否在样式表或调用样式表的脚本所在的文件夹中查找引用的图像？

实施例
脚本是/foo/bar.html 样式表是/css/site.css

site.css包含：

.header {background-image: url(beautiful.png);}

浏览器是否期望/ foo或/ css中的文件beautiful.png？

另外，使用webroot引用此图像是否可以接受？例如：

(file in /images/styles/)
.header {background-image: url(/images/styles/beautiful.png);}

Answer 1

这是relative to the style sheet, not the document：

  

为了创建不依赖于的模块化样式表   作者可以使用相对URI来绝对定位资源。   相对URI（在[RFC3986]中定义）被解析为完整URI   使用基URI。 RFC 3986第5节定义了规范算法   这个过程。对于CSS样式表，基本URI是   样式表，而不是源文档的样式表。

根相对路径（前导斜线）很好，我通常使用。