HTML DOM中的style.opacity属性详解

分类:知识百科 日期: 点击:0

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(完全不透明)。

标签:

版权声明

1. 本站所有素材,仅限学习交流,仅展示部分内容,如需查看完整内容,请下载原文件。
2. 会员在本站下载的所有素材,只拥有使用权,著作权归原作者所有。
3. 所有素材,未经合法授权,请勿用于商业用途,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 如果素材损害你的权益请联系客服QQ:77594475 处理。