为什么 isent 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

为了防止此类错误，您应该定义相对于文档根目录的url。例如，如果您的映像位于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相对于样式表文件的位置