为什么我的CSS背景图片没有正确显示？

本文共计390个文字，预计阅读时间需要2分钟。

CSS背景不显示的原因：

1.CSS未被调用；

2.background属性名书写错误或背景图路径错误；

3.背景元素没有内容填充，也未设置width和height；

4.元素不具备块状属性；

5.被同名CSS类覆盖。

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为什么不显示的详细内容，更多请关注自由互联其它相关文章！