首页 > 代码库 > ie6,7,8不兼容rgba,写background时候不要写成rgba

ie6,7,8不兼容rgba,写background时候不要写成rgba

一般给一个元素设置背景:

.lcProIcon {
background: url("images/lcProIcon.png") no-repeat;
display: inline-block;
height: 56px;
left: 0;
position: absolute;
top: -3px;
width: 88px;
}

默认的火狐下会解析为rgba,ie会解析为transparent. 如果手动把他写为background: url("images/lcProIcon.png") no-repeat 0 0 rgba(0,0,0,0);

ie6,7,8下都不会显示。

有的时候如果一定要使用rgba,又要兼容ie,可以使用ie滤镜,具体参考http://www.iefans.net/ie-zhichi-rgba/