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

瀏覽器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持