CSS3中的Opacity多浏览器透明度兼容性问题 – CSS – 前端，chrome 没有custom.css

IE: filter:alpha(opacity)
Mozilla: -moz-opacity
Safari: -khtml-opacity

很不幸的是，你没看见Opera，老版本的Opera并没有什么私有属性可以代替opacity。（新版Opera已经支持opacity）

所以以前用CSS设定一个元素半透明的话，可能会这样写:

.opacity{
filter:alpha(opacity=50);/*IE*/
-moz-opacity:0.5;/*老版Mozilla*/
-khtml-opacity:0.5;/*老版Safari*/
opacity:0.5;/*支持opacity的浏览器*/
}

用javascript来设定一个元素为半透明:

object.filter="alpha(opacity="+opacity+")";/*IE*/
object.MozOpacity=(opacity/100);/*老版Mozilla*/
object.KhtmlOpacity=(opacity/100);/*老版Safari*/
object.opacity=(opacity/100);/*支持opacity的浏览器*/

下面给大家介绍css透明度的设置 （兼容所有浏览器） 一句话搞定透明背景！

.transparent_class{
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity:0.5;
opacity:0.5;
}