CSS - firefox与IE透明度(opacity)设置区别
2013-07-10 21:29
579 查看
IE:
filter:alpha(opacity=sqlN)
其中 sqlN的值域为[0, 100]
js:
ieNode.style.filter="alpha(opacity=sqlN)";
Firefox:/*参考,不推荐使用*/
-moz-opacity:sqlN
其中sqlN的值域为[0, 1]
[b]Firefox,Chrome和Safari:[/b]
opacity:sqlN
其中sqlN的值域为[0, 1]
js: firefoxNode.style.opacity=sqlN;
对于Firefox来说,用opacity就能完成透明化设置了,所以上面的-moz-opacity参考一下。
还有请注意,上面的属性会将元素内的所有内容都透明化,包括文字与图片,所以如果想要背景半透明的话,目前推荐的方法是用PNG图片做背景。
一般不考虑IE6兼容性,如果要考虑IE6的兼容性请在网上搜索PNG JS,会有一些javascript能够优化IE6下的PNG半透明。
Demo :
filter:alpha(opacity=sqlN)
其中 sqlN的值域为[0, 100]
js:
ieNode.style.filter="alpha(opacity=sqlN)";
Firefox:/*参考,不推荐使用*/
-moz-opacity:sqlN
其中sqlN的值域为[0, 1]
[b]Firefox,Chrome和Safari:[/b]
opacity:sqlN
其中sqlN的值域为[0, 1]
js: firefoxNode.style.opacity=sqlN;
对于Firefox来说,用opacity就能完成透明化设置了,所以上面的-moz-opacity参考一下。
还有请注意,上面的属性会将元素内的所有内容都透明化,包括文字与图片,所以如果想要背景半透明的话,目前推荐的方法是用PNG图片做背景。
一般不考虑IE6兼容性,如果要考虑IE6的兼容性请在网上搜索PNG JS,会有一些javascript能够优化IE6下的PNG半透明。
Demo :
相关文章推荐
- CSS - firefox与IE透明度(opacity)设置区别
- CSS - firefox与IE透明度(opacity)设置区别
- firefox与IE透明度(opacity)设置区别
- firefox与IE透明度(opacity)设置区别
- CSS透明度设置支持IE,Chrome,Firefox浏览器
- CSS透明度设置支持IE,Chrome,Firefox浏览器
- css中使用rgba和opacity设置透明度的区别
- css 设置 透明度,适用ie,firefox
- CSS透明度设置支持IE,Chrome,Firefox浏览器
- CSS设置div透明度;FireFox 3.5+ 已不再支持 -moz-opacity
- CSS 半透明度设置归纳总结[Firefox,IE,Chrome,Safari]
- 兼容IE,Firefox,CSS3 opacity透明度-FireFox 3.5+不支持-moz-opacity属性
- CSS透明opacity和IE各版本透明度滤镜filter的最准确用法
- firefox与IE对javascript和CSS的区别(转)
- firefox与IE对javascript和CSS的区别(浏览器兼容)
- IE与Firefox下对CSS解析的区别
- Javascript与CSS在IE和Firefox中的误区及区别
- Javascript与CSS在IE和Firefox中的误区及区别
- html-firefox与IE对javascript和CSS的区别(浏览器兼容)
- IE与firefox下的css区别