IE8兼容opacity透明度

平时,我们设置透明度,只需要设置css属性opacity来设置元素背景的穿透率 ,参数值范围0.0 - 1.0 (全透明 - 全不透明), 穿透是指穿透设置了opacity属性的对象及其子元素

但是, ie6-ie8并不支持css属性opacity!!!

解决方法

  • 利用ie提供的滤镜功能, 特殊属性:filter设置透明度
1
2
3
4
5
6
div{
opacity: 0.1;
// 以下为兼容ie6-ie8 css样式
filter: alpha(opacity=10);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10);
}

官方文档

https://msdn.microsoft.com/en-us/library/ms532910(VS.85).aspx

0%