欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

ie6-ie8不支持opacity透明度的解决方法

程序员文章站 2022-07-15 08:12:24
...

 

 

box{width:100px;height:100px;background:green;margin-bottom:50px;text-align:center;color:#fff;line-height:100px;}
.opacity{-khtml-opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);filter:"alpha(opacity=60)";opacity:0.6;}

 效果图-在ie9/ie10/ff/chrome/opera/safari显示正常:

ie6-ie8不支持opacity透明度的解决方法

在ie8及以下opacity 却失效:

ie6-ie8不支持opacity透明度的解决方法

 

 

 *******************************************************************************************************************

解决方法: 
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);/兼容ie8及以下/

.box{width:100px;height:100px;background:green;margin-bottom:50px;text-align:center;color:#fff;line-height:100px;}
.opacity{-khtml-opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);filter:"alpha(opacity=60)";opacity:0.6; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);/*兼容ie8及以下*/}

 

 ie6-ie8不支持opacity透明度的解决方法

 

转载于:https://www.cnblogs.com/shimily/articles/7931738.html