HTML DOM中的style.opacity属性用于设置元素的不透明度,即显示元素的透明度。它是一个浮点数,取值范围从0.0(完全透明)到1.0(完全不透明)。它的默认值是1.0,也就是完全不透明。
使用方法
// 设置元素的不透明度 document.getElementById("myDiv").style.opacity="0.5";
style.opacity属性可以通过CSS来设置,在CSS中,可以使用opacity属性来设置元素的不透明度,取值范围也是0.0到1.0:
#myDiv { opacity: 0.5; }
style.opacity属性也可以通过JavaScript动态设置,可以使用JavaScript中的setAttribute()方法,取值范围也是0.0到1.0:
document.getElementById("myDiv").setAttribute("style", "opacity: 0.5;");
style.opacity属性也可以通过SVG来设置,可以使用SVG中的opacity属性来设置元素的不透明度,取值范围也是0.0到1.0:
style.opacity属性也可以通过CSS3中的rgba()函数来设置,可以使用rgba()函数来设置元素的不透明度,取值范围也是0.0到1.0:
#myDiv { background-color: rgba(255, 255, 255, 0.5); }
style.opacity属性可以用于设置元素的不透明度,可以通过CSS、JavaScript、SVG和CSS3中的rgba()函数来设置,取值范围从0.0(完全透明)到1.0(完全不透明)。