首页  >  文章  >  web前端  >  css background为什么不显示

css background为什么不显示

青灯夜游
青灯夜游原创
2021-04-29 15:48:586521浏览

css background不显示的原因:1、css没有被调用;2、background属性名书写出错或背景图片路径出错;3、背景元素没有内容填充,也没设置width和height;4、元素不具备块属性;5、被同名css类的样式所覆盖。

css background为什么不显示

本教程操作环境: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为什么不显示的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn