書式
alpha
対象
div, span, body, button, img, input, textarea, marquee, table, thead, tdtfoot, th, tr要素
継承
-
初期値
-
バージョン
独自プロパティ
対応ブラウザ
Win IE4.0以降
解説
半透明のフィルタ効果を指定します。タグによってはposition:absoluteで絶対座標を指定する必要があります。以下のパラメータが指定できます。
| 設定名 | 方法 |
|---|
| enabled |
フィルタ効果スイッチ (0:オフ、1:オン) |
| opacity | 不透明度 (0:透明、100:不透明) |
| finishopacity | 不透明度の終了値 (0:透明、100:不透明) |
| style |
形状 (0:均一、1:直線、2:放射状、3:矩形) |
| startx |
開始X座標 |
| starty |
開始Y座標 |
| finishx |
終了X座標 |
| finishy |
終了Y座標 |
Internet Explorer 4, 5.0と5.5以降でのDirect Xを利用した場合ではフィルタの指定方法が異なります。
| バージョン |
指定方法 |
| IE4.0〜5.0 |
filter:alpha() |
| IE5.5〜 |
filter:progid:DXImageTransform.Microsoft.Alpha() |
サンプルコード
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<style type="text/css"><!--
body { margin:0px;
background-image:url(bg.gif);
}
div {
filter:alpha(opacity=50,style=1);
position:absolute;
top:0px;
left:0px;
width:320px;
height:64px;
background-color:white;
}
--></style>
</head>
<body>
<div>
ここのブロックがInternet Explorer独自のフィルタが適用されている部分になります。
</div>
</body>
</html>