opacity

Opacity:

Css3 opacity透明度设置

所有主流浏览器都支持opacity属性。.

IE8和早期版本支持另一种过滤器属性。像：filter:Alpha(opacity=50)

早期全兼容写法：

.transparent_class {

   filter:alpha(opacity=50);          

   -moz-opacity:0.5;          

   -khtml-opacity: 0.5;          

  opacity: 0.5;          

}

从Firefox3.5+不再支持私有属性-moz-opacity。

IE9+才开始支持CSS3 opacity，而对IE6-IE8我们习惯使用filter滤镜属性来进行实现。

IE8又引入了特殊的-ms-filter，IE认为这种写法是对旧写法的一次更正，更符合规范，这个写法的属性值只是多了一对引号，效果同前。不过，这种写法的寿命也不长，到IE10对filter与-ms-filter都已经不再支持。

Safari 1.2之前的版本，是基于khtml的浏览器内核，1.2版发布后，不再支持-khtml-opacity的写法，-khtml-opacity也随之成为历史。

除IE外，目前主流浏览器 Opera 9.0+，Safari 1.2(WebKit 125) +，chrome等等都支持opacity这个透明度属性。

因此现在全兼容写法只需要兼顾IE6、IE7、IE8

opacity{

opacity:0.5;

filter:alpha(opacity=50); //filter 过滤器 兼容IE678

}
转自：https://www.cnblogs.com/lidengfeng/p/6957124.html