Latest web development tutorials

CSS3 opacity 屬性

實例

設置一個div元素的透明度級別:

div
{
opacity:0.5;
}

嘗試一下»
在此頁底部有更多的例子。

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

注意: IE8和早期版本支持另一種過濾器屬性。 像:filter:Alpha(opacity=50)


屬性定義及使用說明

Opacity屬性設置一個元素了透明度級別。

默認值: 1
繼承: no
版本: CSS3
JavaScript 語法: object.style.opacity=0.5


語法

opacity:value|inherit;

描述
value 指定不透明度。从0.0(完全透明)到1.0(完全不透明)
inherit Opacity属性的值应该从父元素继承


Examples

更多實例

更改某個元素的不透明度
這個例子演示瞭如何使用JavaScript來改變元素的不透明度。