Css 为什么要发送背景图像:url(';bg.jpg';);工作

Css 为什么要发送背景图像:url(';bg.jpg';);工作,css,html,background-image,Css,Html,Background Image,所以我在一个网站上工作,我试图设置一个设置大小的空div的背景,但我不明白为什么它不工作。有人看到我没有看到的东西吗?谢谢,蒂姆 代码: .headerbg{ 宽度:100%; 背景图片:url('bg.jpg'); 高度:500px; 边缘底部:25px; } 为了防止此类错误,您应该定义与文档根相关的URL。例如,如果您的图像位于,那么您应该使用url('/path/to/image.jpg')。这消除了任何可能的歧义。您的代码没有问题,当我尝试使用不同的图像时,效果很好: backgrou

所以我在一个网站上工作,我试图设置一个设置大小的空div的背景,但我不明白为什么它不工作。有人看到我没有看到的东西吗?谢谢,蒂姆

代码:

.headerbg{
宽度:100%;
背景图片:url('bg.jpg');
高度:500px;
边缘底部:25px;
}

为了防止此类错误,您应该定义与文档根相关的URL。例如,如果您的图像位于,那么您应该使用
url('/path/to/image.jpg')
。这消除了任何可能的歧义。

您的代码没有问题,当我尝试使用不同的图像时,效果很好:

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

因此,问题的原因是浏览器找不到图像。这可能有几个原因,比如:

  • 图像不存在
  • 图像存在于其他文件夹中

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

图像是否存在?图像是否与CSS文件位于同一文件夹中?在您的网络检查器中,您是否在获取图像时看到404错误?Vlad,嗯。。。。对是的,谢谢弗拉德·马格达林。
background-image:url('http://placekitten.com/100/100');