您的位置：首页 > 运维架构

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

2015-04-21 15:11 316 查看
如下图所示图片下方的效果是半透明的。





大体结构：灰色半透明部分和城市文字是两个图层，绝对定位到图片的底部。因为放到一个图层的话文字也会变成半透明。

半透明部分设置样式：opacity:0.7在ie9/ie10/ff/chrome/opera/safari显示正常，是图上的效果。但是这样在ie6-ie8中是不支持的，需要加上下面这句话：

filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);

此外这种效果不能用ietester中的ie6测试，因为ietester的ie6这样写也是不透明的，但是实际上ie6中已经显示正常了
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航