样式表 url 未正确加载

Question

很明显，根据这个Using relative URL in CSS file, what location is it relative to?，从链接标签加载的css引用了与css文件所在文件夹相关的文件......

这是我的目录结构：

httpdocs/
     css/
         thecss.css
         bg.png

所以 css.css 包含以下条目

#guinea {background-image:url(bg.png)}

但问题是......即使图像与 css 位于完全相同的目录中，它也没有显示出来......

另一方面，如果我将其更改为：

#guinea {background-image:url(http://localhost/css/bg.png)}

它会起作用的！

使用 url(/css/bg.php) 也不起作用...

我做错了什么？为什么我的相对 url 包括不起作用？

Answer 1

我会说最好将图像和样式分开。

因此，将您的 bg.png 放在 images 文件夹中并照此引用它...

#guinea {background-image:url(../images/bg.png)}