JavaScript CSS修改学习第四章：透明度设置

核心提示：这里是测试页，在JavaScript里面设置透明度 我用下面的代码来设置透明度：1functionsetOpacity(value){2testObj.style.opacity=value/10;3testObj.style.filter='alpha(opacity='+value*10+'

这里是测试页。

在JavaScript里面设置透明度

我用下面的代码来设置透明度：

1　function　setOpacity(value)　{
2　　　　　testObj.style.opacity　=　value/10;
3　　　　　testObj.style.filter　=　'alpha(opacity='　+　value*10　+　')';
4　}
　

在Mozilla和Safari里使用opacity，IE使用filter。value的值从0到10。

测试结果

IE说明：一个元素必须有一个layout来执行filter。并且IE6对于元素的left margin有很奇怪的表现。

翻译地址：http://www.quirksmode.org/js/opacity.html

文章出处：http://beiyu.cnblogs.com

编缉推荐阅读以下文章

• JavaScript CSS修改学习第五章：给“上传”添加样式
• JavaScript CSS修改学习第三章：修改样式表
• JavaScript CSS修改学习第二章：样式
• JavaScript CSS修改学习第一章：查找位置
• JavaScript CSS Style属性对照表