CSS中轻松实现Firefox与IE透明度
你对CSS中实现Firefox与IE透明度的概念是否了解,这里和大家分享几种实现Firefox与IE透明度的方法,希望对你的学习有所帮助。
CSS中实现Firefox与IE透明度(opacity)的不同方法
Dreamweaver提供的透明度样式只能支持IE,想要在Firefox下实现,需要自己手写。如下:
1.IE6设置透明度
CSS设置
filter:alpha(opacity=50);
javascript设置
IESpanJs.style.filter=“alpha(opacity=50)”;
2.Firefox3.5设置透明度
Firefox3.5支持CSS3,已经不对原来的透明度样式(-moz-opacity)提供支持(网上查的),在本人的Firefox3.5.5上测试后,发现确实如此,现在的透明度设置为:
CSS设置
opacity:0.5;
javascript设置
FirefoxSpanJs.style.mozOpacity=“0.5″;
3.Firefox3.5以前版本设置透明度
CSS设置
-moz-opacity:0.5;
javascript设置
FirefoxSpanJs.style.mozOpacity=“0.5″;
4.demo代码