为什么选择背景图片：url（'bg.jpg'）;加工？

所以我在一个网站上工作，我试图设置空白div的背景设置大小，我不明白为什么它不工作。任何人都看到我不喜欢的东西？谢谢，蒂姆。为什么选择背景图片：url（'bg.jpg'）;加工？

代码：

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




<div class="headerbg"> 

     </div>

图像是否存在？ – n1xx1

'bg.jpg'图像与CSS文件位于同一个文件夹中吗？在你的网络检查员中，当图像被提取时你是否看到一个404错误？ –

弗拉德，恩......是的......是的。 – user2457491

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

2013-06-05 21:34:39

没有什么你的代码错误，当我尝试用不同的图像，它工作正常：

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

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

图像存在如果你在一个style标签的CSS代码页面中，图像的URL与页面的位置有关。如果在样式表中有CSS代码，则图像的URL与样式表文件的位置有关。

2013-06-05 21:37:59 Guffa

回答