Style opacity 属性

定义和用法

opacity 属性设置或返回元素的不透明度级别。

元素的不透明度级别(opacity-level)描述了透明度级别,其中 1 完全不透明,0.5 表示 50% 透明,0 表示完全透明。

另请参阅:

CSS 参考手册:opacity 属性

实例

使 DIV 元素透明:

document.getElementById("myDIV").style.opacity = "0.5";

亲自试一试

语法

返回 opacity 属性:

object.style.opacity

设置 opacity 属性:

object.style.opacity = "number|initial|inherit"

属性值

描述
number规定不透明度。从 0.0(完全透明)到 1.0(完全不透明)。
initial将此属性设置为其默认值。请参阅 initial
inherit从其父元素继承此属性。请参阅 inherit

技术细节

默认值:1
返回值:字符串,表示元素的不透明度级别。
CSS 版本:CSS3

浏览器支持

ChromeEdgeFirefoxSafariOpera
ChromeEdgeFirefoxSafariOpera
支持支持支持支持支持