opacity

語法:

opacity<number>

預設值1

適用於:所有元素

繼承性:無

動畫性:是

計算值:指定值

媒 體:視覺

取值:

<number>
使用浮點數指定物件的不透明度。值被約束在0.0~1.0範圍內,如果超過了這個範圍,其計算結果將截取到與之最相近的值。

說明:

定義元素的不透明度。
  • 當一個元素定義了opacity屬性,並且值小於1時,那麼它的子元素也會同樣擁有相同的透明度。
  • 當一個元素定義了opacity屬性,並且值小於1時,將會建立一個新的堆疊上下文;如果其它的元素為非定位元素,那麼該元素的堆疊級別將會高於其它元素。
  • 對於尚不支援opacity屬性的IE瀏覽器可以使用IE私有的濾鏡屬性來實現與opacity相同的效果

    示例程式碼:

    div{filter:alpha(opacity=50);} /* for IE8 and earlier */
    div{opacity:.5;} /* for IE9 and other browsers */

    以上2段程式碼的效果相同

  • 對應的腳本特性為:opacity

兼容性:

  • 淺綠 = 支援
  • 紅色 = 不支援
  • 粉色 = 部分支援
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 8.0 40.0+ 40.0+ 8.0+ 40.0+ 8.0+ 4.4+ 28.0+
9.0+

示例: