Latest web development tutorials

HTML DOM Style opacity 屬性

Style 對象參考手冊 Style對象

實例

讓DIV 元素半透明:

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

嘗試一下»

定義和用法

opacity 屬性設置或返回元素的不透明度。

元素的不透明度級別描述了透明度級別,當不透明度為1 時表示完全不透明,當不透明度為0.5 時表示半透明,當不透明度為0 時表示完全透明。


瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流瀏覽器都支持opacity 屬性。

注意: IE8及其之前的版本支持另一個可替代該屬性的屬性,即filter屬性。


語法

返回opacity 屬性:

object .style.opacity

設置opacity 屬性:

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

屬性值

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

技術細節

默認值: 1
返回值: 字符串,表示元素的opacity 屬性。
CSS 版本 CSS3


相關文章

CSS參考手冊: opacity屬性


Style 對象參考手冊 Style對象