ie8的透明度&&透明度的兼容性写法
2016-01-28 10:29
246 查看
这个要设置背景颜色
background: #FFFFFF;
透明度的兼容性写法
.opacity30{
-moz-opacity:0.3;
-khtml-opacity: 0.3;
opacity: 0.3;
filter:alpha(opacity=30);
但是要特别注意:设置opacity元素的所有后代元素会随着一起具有透明性,一般用于调整图片或者模块的整体不透明度
会变成这样:左边是chorm等浏览器,右边是ie8的效果
那么解决方法如果兼容性的要求是ie9或以上的话可以使用rgba(255,
255, 255, 0.3)这个简单的解决方法,但是在ie8下就会看不到背景
变成这样子
其实就是因为ie8不能解析RGB这个css3的属性,那么就变成没有背景了
当兼容性是要求到ie8的话那么解决方法有两种
最简单的方式就是在类中加上背景色和ie8可以解析的透明度的方法
.opacity40{
background: #FFFFFF;
background-color: rgba(255, 255, 255, 0.4);
filter:alpha(opacity=40);}
background: #FFFFFF;
透明度的兼容性写法
.opacity30{
-moz-opacity:0.3;
-khtml-opacity: 0.3;
opacity: 0.3;
filter:alpha(opacity=30);
但是要特别注意:设置opacity元素的所有后代元素会随着一起具有透明性,一般用于调整图片或者模块的整体不透明度
会变成这样:左边是chorm等浏览器,右边是ie8的效果
那么解决方法如果兼容性的要求是ie9或以上的话可以使用rgba(255,
255, 255, 0.3)这个简单的解决方法,但是在ie8下就会看不到背景
变成这样子
其实就是因为ie8不能解析RGB这个css3的属性,那么就变成没有背景了
当兼容性是要求到ie8的话那么解决方法有两种
最简单的方式就是在类中加上背景色和ie8可以解析的透明度的方法
.opacity40{
background: #FFFFFF;
background-color: rgba(255, 255, 255, 0.4);
filter:alpha(opacity=40);}
相关文章推荐
- 计算Java List中的重复项出现次数
- 各种OutOfMemoryError的解决(待补充)
- 正品供应FS450R12KE3/AGDR-61C
- 多层fragment嵌套时 部分fragment的UI无法显示
- docker原始镜像启动容器并创建Apache服务器实现反向代理
- JS实现联想输入(二)
- Spring+Hibernate+SpringMVC+MySql实现配置多个数据源!
- Spring+Hibernate+SpringMVC+MySql实现配置多个数据源!
- Spring+Hibernate+SpringMVC+MySql实现配置多个数据源!
- “DllRegisterServer的调用失败”问题解决办法
- ES6学习——生成器(Generators):return和throw
- Spring AOP记录日志信息
- springmvc中使用response的out.print问题
- PHP传值与传址(引用)
- iOS开发-Objective-C与JavaScript交互
- iOS中捕获用户的崩溃日志
- JS高级应用:操作模态与非模态对话框
- 通过RSRP和SINR判断LTE信号质量
- armstrong on software 老乔的文章一则
- 基于Android自带插入器的图形波动效果