700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > html div 转换图片不显示 div中css背景图片怎么不显示?

html div 转换图片不显示 div中css背景图片怎么不显示?

时间:2023-05-22 14:11:20

相关推荐

html div 转换图片不显示 div中css背景图片怎么不显示?

div的背景图片可以使用background-image属性设置,background-image属性会在元素的背景中设置一个图像。初始背景图像(原图像)根据 background-position 属性的值放置。

背景图片不显示的问题。可能有以下几个原因:

1、图片路径不正确。找不到图片当然不显示。

2、背景元素没有宽度和高度。当元素没有宽高时,背景是显示不出来的。背景不会撑开元素。

3、css代码写错了。错误的写法,当然显示不了。

4、忘记给需要显示背景的元素增加有背景的css类(估计没人会犯这错,但还是提出来吧)

5、元素不具备块属性。当元素不具有块属性的时候设置的高宽是无效的。所以也不会显示图片

6、被同名css类的样式所覆盖。假设前面有命名.bg设置了background显示图片,后面又命名了.bg又设置了background显示颜色。

设置div背景图片示例:

div{

width: 400px;

height: 400px;

display: block;

background-image:url(/i/eg_bg_04.gif);}

效果图:

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。