ie6-ie8不支持opacity透明度的解决方法
2016-03-29 16:28
597 查看
直接看demo:
html部分<p>绿色背景</p> <div class="box">文字部分</div> <p>绿色背景+60%透明度</p> <div class="box opacity">文字部分</div>
css部分
.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显示正常:
在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及以下*/}
ie8正常:
相关文章推荐
- linux查看内核及CPU等信息
- 如何禁止DELETE、PUT、OPTIONS等协议访问应用程序
- mysql 和 Linux 的密码修改
- cvFindContours 提取外轮廓
- linux中共享库(动态链接库)的延迟载入
- Linux U盘分区格式化 fdisk命令
- OpenGL名词解释笔记
- linux--文件--/etc/passwd多了一个/etc/passwd-文件
- linux下的串口通信
- 不常用的linux命令
- 报错A Database Error Occurred,linux系统被cc攻击
- operator is not allowed for source level below 1.7
- # linux读书笔记(3章)
- Linux 防火墙 iptables基本操作
- interactivePopGestureRecognizer 完美使用
- tomcat 部署项目,不加项目名 直接访问
- 【OpenCV】OpenCV输入处理(鼠标事件_键盘事件_滑块事件)
- 搭建nginx反向代理用做内网域名转发
- shell常用命令总结
- Android 通过adb shell命令查看内存,CPU,启动时间,电量等信息