修改html不显示效果图,css中不显示图片怎么办

css中不显示图片怎么办

在网页开发中经常会遇到元素背景图片不显示的问题，下面就总结了css设置背景图片但不显示的解决方法，希望对学习css3的同学有帮助。(相关课程推荐：css视频教程)

1、检查图片路径background:url(images/bg/bg1.gif) no-repeat;

这段代码不能显示出背景图片，问题在于在url(imagepath)里的这个imagepath，它是相对于.css文件这个目录，而不是调用css文件所在文件的这个目录，简单点说，就是假如我有个index.html，它要调用index.html所在的一个子目录style目录下的style.css文件，背景图片存放在与style目录同级的images目录下，于是乎，这里的CSS应该这样写：background:url(../images/bg/bg1.gif) no-repeat;

2、检查元素是否具有宽高

元素不具有宽高，只具有背景图片，也是不能显示的，需要给元素一个宽高(注意display需要是inline-block或block才能设置宽高)：div{

width: 100px;

height: 100px;

background:url(../images/bg/bg1.gif) no-repeat;

}

本文来自css答疑栏目，欢迎学习！