html不透明度的编码,HTML Style opacity用法及代码示例

HTML DOM中的Style opacity属性用于设置元素的不透明度级别。不透明度级别定义了透明度级别，其中值1表示不透明，值0.5表示50％透明度，0表示完全透明，它还返回元素的不透明度级别。

用法:

它返回不透明度属性。object.style.opacity

它用于设置不透明度属性。object.style.opacity = "number|initial|inherit"

属性值：

number:它指定不透明度值，范围为0.0到1.0。

intial:它将opacity属性设置为其默认值。

inherit:此属性从其父元素继承。

返回值：它返回一个表示元素的不透明度级别的字符串。

示例1：

DOM Style opacity Property

GeeksForGeeks

DOM Style opacity Property

A Computer science portal for geeks

set Decoration

function geeks() {

document.getElementById("gfg").style.opacity

= "0.3";

}

输出：

在单击按钮之前：

单击按钮后：

示例2：

DOM Style opacity Property

#gfg {

width:150px;

height:40px;

background-color:green;

}

GeeksForGeeks

DOM Style opacity Property

A Computer science portal for geeks

change opacity

function geeks() {

document.getElementById("gfg").style.opacity

= "0";

}

输出：

在单击按钮之前：

单击按钮后：

支持的浏览器：下面列出了DOM Style opacity属性支持的浏览器：

谷歌浏览器

IE浏览器

Firefox

Opera

苹果Safari