ie6-ie8中不支持opacity透明度的解决方法
大体结构:灰色半透明部分和城市文字是两个图层,绝对定位到图片的底部。因为放到一个图层的话文字也会变成半透明。
半透明部分设置样式:opacity:0.7在ie9/ie10/ff/chrome/opera/safari显示正常,是图上的效果。但是这样在ie6-ie8中是不支持的,需要加上下面这句话:
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
此外这种效果不能用ietester中的ie6测试,因为ietester的ie6这样写也是不透明的,但是实际上ie6中已经显示正常了。
此外这种效果不能用ietester中的ie6测试,因为ietester的ie6这样写也是不透明的,但是实际上ie6中已经显示正常了。
以下代码摘自 http://www.w3cplus.com/node/45
/* IE5 - 7 */ filter: alpha(opacity=80); /* IE 8 */ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* Everyone else */ opacity: 0.8;
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步