html div 转换图片不显示,div中css背景图片怎么不显示？

div的背景图片可以使用background-image属性设置，background-image属性会在元素的背景中设置一个图像。初始背景图像(原图像)根据 background-position 属性的值放置。

背景图片不显示的问题。可能有以下几个原因：

1、图片路径不正确。找不到图片当然不显示。

2、背景元素没有宽度和高度。当元素没有宽高时，背景是显示不出来的。背景不会撑开元素。

3、css代码写错了。错误的写法，当然显示不了。

4、忘记给需要显示背景的元素增加有背景的css类(估计没人会犯这错，但还是提出来吧)

5、元素不具备块属性。当元素不具有块属性的时候设置的高宽是无效的。所以也不会显示图片

6、被同名css类的样式所覆盖。假设前面有命名.bg设置了background显示图片，后面又命名了.bg又设置了background显示颜色。

设置div背景图片示例：

div{

width: 400px;

height: 400px;

display: block;

background-image:url(/i/eg_bg_04.gif);}

效果图：