firefox与IE透明度(opacity)设置区别-创新互联

IE：
filter:alpha(opacity=sqlN)
其中 sqlN的值域为[0, 100]

js: ieNode.style.filter="alpha(opacity=sqlN)";

成都创新互联是一家专业提供临泽企业网站建设,专注与网站设计、成都做网站、HTML5、小程序制作等业务。10年已为临泽众多企业、政府机构等服务。创新互联专业网站制作公司优惠进行中。

Firefox,Chrome和Safari：
opacity:sqlN
其中sqlN的值域为[0, 1]

js: firefoxNode.style.opacity=sqlN;

测试代码如下：

  
        .ieCss{
            display:-moz-inline-box;
            display:inline-block;
            width:100;
            height:100;
            background-color:red;
            filter:alpha(opacity=20);   }
        .fireFoxCss{
            display:-moz-inline-box;
            display:inline-block;
            width:100;
            height:100;
            background-color:blue;
            opacity:0.5;   }    IE_cssfirefox_css

IE_Jsfirefox_Js

补充：参考资料中对firfox还有3.5之前和3.5之后版本的区分，暂时忽略。

参考文档：

http://hi.baidu.com/hanserv/item/ac31a23f0c578bffdf222114

网站栏目：firefox与IE透明度(opacity)设置区别-创新互联
URL链接：http://shouzuofang.com/article/cceids.html