HTMLリファレンス

opacity







opacity


半透明な色の要素を作ることができます。

0から1までの数値を指定し、
0=完全に透明
1=完全に不透明


例1
<div style="background-color:black;width:200px;height:200px;">
<div style="background-color:red;width:100px;height:100px;">&nbsp;</div>
</div>
 
黒の上に普通の赤


例2
<div style="background-color:black;width:200px;height:200px;">
<div style="opacity:0.5;background-color:red;width:100px;height:100px;">&nbsp;</div>
</div>
 
半透明の赤


IEはopacityに対応していません。
IE独自のfilterを使うと同様のことができます。

例3
<div style="background-color:black;width:200px;height:200px;">
<div style="opacity:0.5;filter:alpha(opacity=50);background-color:red;width:100px;height:100px;">&nbsp;</div>
</div>
 
例2をIE対応に。
alpha(opacity=50);
のように、0から100までの数値を指定。
0=完全に透明
100=完全に不透明






[編集] [新規] [削除] [バックアップ] [アップロード] [ログイン] [管理]
whwiki 1.3