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 PropertyGeeksForGeeks
DOM Style opacity Property
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