本文摘自PHP中文网，作者青灯夜游，侵删。
css background不显示的原因：1、css没有被调用；2、background属性名书写出错或背景图片路径出错；3、背景元素没有内容填充，也没设置width和height；4、元素不具备块属性；5、被同名css类的样式所覆盖。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
css background不显示的原因
1、css没有被调用；请检查css调用是否成功，
2、css background属性名书写出错或背景图片路径出错
css设置背景用的background，书写方式是backgroud:url('图片路径');，你看一下你的css写对了没有，图片不显示，还可能是因为图片路径出错，如果你不清楚图片放在哪个文件夹应该怎么写，可以html文件跟图片放在一起，直接写backgroud:url('1.jpg');
3、背景元素没有宽度和高度。当元素没有内容，也没有设置width和height时，背景是显示不出来的。背景不会撑开元素。
4、元素不具备块属性。当元素不具有块属性的时候设置的高宽是无效的。所以也不会显示图片。
5、被同名css类的样式所覆盖。假设前面有命名.bg设置了background显示图片，后面又命名了.bg又设置了background显示颜色。
（学习视频分享：css视频教程）
以上就是css background为什么不显示的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
更多相关阅读请进入《css》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
