码迷,mamicode.com
首页 > Web开发 > 详细

解决ie不兼容某些css新特性

时间:2017-03-21 22:42:51      阅读:187      评论:0      收藏:0      [点我收藏+]

标签:样式   第一条   新特性   方法   blog   rgba   解决方法   支持   div   

今天撸码遇到了ie无法兼容rgba()透明背景的问题,最后探索出了解决方法!

因为ie不支持rgba背景,导致出现了全透明背景(非常难看)

因此,既想兼容chrome,又想兼容ie,得出的方法是:为类添加两个样式,如下

.main{
    background-color: #000;
    background-color: rgba(0,0,0,0.6);

}

这样,因为原先设置了背景,后面又设置了同样的属性

所以,如果支持该属性的浏览器自然会显示,不支持的浏览器则会使用第一条代码作为样式

实验得出:chrome正常显示透明背景,ie则切换为黑色背景!

解决ie不兼容某些css新特性

标签:样式   第一条   新特性   方法   blog   rgba   解决方法   支持   div   

原文地址:http://www.cnblogs.com/fffr/p/6596782.html

(0)
(1)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!