ie中css背景图片不显示的解决方法

css的选择器可以分为三大类,即id选择器,类选择器,标签选择器。它们之间可以有多种组合,有后代选择器,子选择器,伪类选择器,通用选择器,群组选择器等等

ie css背景图片不显示是因为css设置背景图片时使用了ie浏览器不支持的css属性,其解决办法就是使用简写属性,而不是分别使用单个属性,因为简写属性在较老的浏览器中能够得到更好的支持,而且需要键入的字母也更少。

有时我们在编写好网页后通过css设置的背景图片会常出现在ie浏览器中不显示的情况,为什么会出现css设置的背景图片在ie浏览器中不显示呢?

下面我们来看一下即浏览器中css设置的背景图片不显示的原因:

ie浏览器中css设置的不显示是因为css设置背景图片时使用了ie浏览器不支持的css属性。

我们在设置背景图片时会用到rgba属性来设置背景图片的颜色与透明度,

如:

背景:,url(. ./图片/in_bon_02.png), no-repeat  scroll  0, 0, rgba (0, 0, 0, 0),

此时在ie浏览器中就有可能不显示背景图片。

rgba介绍:

rgba色彩模式与RGB相同,只是在RGB模式上新增了α透明度

说明:

rgba (R, G, B, A)

取值:

R:红色值。正整数|百分数G:绿色值。正整数|百分数B:蓝色值。正整数|百分数:α透明度,取值0 ~ 1之间。

ie6.0 - 8.0不支持使用rgba模式实现透明度,可使用ie滤镜处理。

通常建议使用简写属性,而不是分别使用单个属性,因为简写属性在较老的浏览器中能够得到更好的支持,而且需要键入的字母也更少。

感谢各位的阅读!关于“ie中css背景图片不显示的解决方法”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

ie中css背景图片不显示的解决方法