IE, FireFox, Chrome浏览器支持CSS实现Alpha半透明的方法

Author : lovecicy

在网站中, 使用半透明效果的场景很多,但是各个浏览器对于标准的支持又不一样,在网上搜索了一下,总结了下各个浏览器的实现方法。

使用下面的CSS代码,基本可以覆盖主流的浏览器:

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /*IE8*/ 
    filter:alpha(opacity=30); /*IE5、IE5.5、IE6、IE7*/ 
    opacity: 0.3; /*Opera9.0+、Firefox1.5+、Safari、Chrome、IE9+*/

现代浏览器都支持opacity属性,主要针对IE8及之前的IE浏览器。

standard

Have your say