css中不显示图片怎么办
在网页开发中经常会遇到元素背景图片不显示的问题，下面就总结了css设置背景图片但不显示的解决方法，希望对学习css3的同学有帮助。（相关课程推荐：css视频教程）
1、检查图片路径
background:url(images/bg/bg1.webp) no-repeat;
这段代码不能显示出背景图片，问题在于在url(imagepath)里的这个imagepath，它是相对于.css文件这个目录，而不是调用css文件所在文件的这个目录，简单点说，就是假如我有个index.html，它要调用index.html所在的一个子目录style目录下的style.css文件，背景图片存放在与style目录同级的images目录下，于是乎，这里的CSS应该这样写：
background:url(../images/bg/bg1.webp) no-repeat;
2、检查元素是否具有宽高
元素不具有宽高，只具有背景图片，也是不能显示的，需要给元素一个宽高（注意display需要是inline-block或block才能设置宽高）：
div{
width: 100px;
height: 100px;
background:url(../images/bg/bg1.webp) no-repeat;
}本文来自css答疑栏目，欢迎学习！
以上就是css中不显示图片怎么办的详细内容，更多请关注易知道|edz.cc其它相关文章！
