0

所以我在一个网站上工作，我试图用一个设定的大小设置空 div 的背景，但我不知道为什么它不起作用。有人看到我看不到的东西吗？谢谢，蒂姆。

代码：

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




<div class="headerbg">

        </div>
4

2 回答 2

2

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

于 2013-06-05T21:34:39.060 回答
0

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

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

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

所以，问题的原因是浏览器找不到图像。这可能有几个原因，例如：

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

如果style页面的标签中有 CSS 代码，则图像的 URL 是相对于页面位置的。如果样式表中有 CSS 代码，则图像的 URL 与样式表文件的位置相关。

于 2013-06-05T21:37:59.940 回答