首页 >web前端 >前端问答 > 正文

css background为什么不显示

原创2021-04-29 15:48:580649

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为什么不显示的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:css background
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    作者信息

    青灯夜游

    今天学习一小步,明天提升一大步

    最近文章
    php定义数组有哪些方法748
    html与css有什么区别667
    xhtml和html的区别是什么1070
    推荐视频教程
  • CSS高级实例视频教程CSS高级实例视频教程
  • CSS3进阶视频教程CSS3进阶视频教程
  • CSS3精讲视频教程CSS3精讲视频教程
  • CSS的美化功能CSS的美化功能
  • 视频教程分类