英 [əʊˈpæsəti]   美 [oʊˈpæsəti]  

n.不透明性;費解;難懂;模糊

複數: opacities

css opacity屬性 語法

作用:設定元素的不透明等級。

語法:opacity: value|inherit;

#說明:value    規定不透明度。從 0.0 (完全透明)到 1.0(完全不透明)。 inherit    應該從父元素繼承 opacity 屬性的值。    

註解:IE8 以及更早的版本支援替代的 filter 屬性。例如:filter:Alpha(opacity=50)。

css opacity屬性 範例

<!DOCTYPE html>
<html>
<head>
<style> 
div
{
background-color:red;
opacity:0.5;
filter:Alpha(opacity=50); /* IE8 以及更早的浏览器 */
}
</style>
</head>
<body>

<div>本元素的不透明度是 0.5。请注意,文本和背景色都受到不透明级别的影响。</div>

</body>
</html>

執行實例 »

點擊 "執行實例" 按鈕查看線上實例