CSS opacity 屬性

定義和用法

opacity 屬性設置元素的不透明級別。

另請參閱：

CSS 教程：CSS 圖像透明度

CSS 教程：CSS 顏色

HTML DOM 參考手冊：opacity 屬性

實例

設置 div 元素的不透明級別：

div
{
opacity:0.5;
}

親自試一試

您可以在本頁底部找到更多實例。

CSS 語法

opacity: value|inherit;

屬性值

值 描述 測試
value 規定不透明度。從 0.0 （完全透明）到 1.0（完全不透明）。 測試
inherit 應該從父元素繼承 opacity 屬性的值。

技術細節

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

更多實例

改變元素的不透明度
本例演示如何使用 JavaScript 來改變元素的不透明度。

瀏覽器支持

表格中的數字注明了完全支持該屬性的首個瀏覽器版本。

Chrome IE / Edge Firefox Safari Opera
4.0 9.0 2.0 3.1 9.0

注釋：IE8 以及更早的版本支持替代的 filter 屬性。例如：filter:Alpha(opacity=50)。