为什么不是background-image：url（'bg.jpg'）;工作？

Question

所以我正在一个网站上工作，我试图设置一个固定大小的空div的背景，我无法弄清楚它为什么不起作用。有人看到我不喜欢的东西吗？谢谢，蒂姆。

代码：

.headerbg{
width:100%;
background-image:url('bg.jpg');
height:500px;
margin-bottom:25px;
}




<div class="headerbg">

        </div>

Answer 1

要防止此类错误，您应该相对于文档根目录定义您的网址。例如，如果您的图片位于http://example.com/path/to/image.jpg，则应使用url('/path/to/image.jpg')。这消除了任何可能的歧义。

Answer 2

您的代码没有任何问题，当我尝试使用不同的图像时，它可以正常工作：

background-image:url('http://placekitten.com/100/100');

http://jsfiddle.net/Guffa/bWKBB/

因此，问题的原因是浏览器无法找到图像。可能有几个原因，例如：

• 图片不存在
• 图像存在于不同的文件夹中

如果页面中的style标记中包含CSS代码，则图像的URL相对于页面的位置。如果样式表中包含CSS代码，则图像的URL相对于样式表文件的位置。