CSS >  フィルタ(IE5.5〜 DirectX) 

filter:progid:DXImageTransform.Microsoft.Alpha();

透明・半透明・透明グラデーションを指定できる。


  • () の中には以下の属性をカンマ(,)で区切って指定する。
  • opacity=
    • 開始透明度を 0 (透明) 〜 100 (不透明) の範囲で指定。
  • finishopacity=
    • 終了透明度を 0 (透明) 〜 100 (不透明) の範囲で指定。
  • style=
    • 透明グラデーションのスタイルを指定。
    • 0 (デフォルト 指定なし) 1 (線形) 2 (円形) 3 (長方形)
  • startx=
    • 透明グラデーションの開始地点のx座標を指定。
  • starty=
    • 透明グラデーションの開始地点のy座標を指定。
  • finishx=
    • 透明グラデーションの終了地点のx座標を指定。
  • finishy=
    • 透明グラデーションの終了地点のy座標を指定。
  • enabled=
    • 0 (false フィルタを実行しない)
    • 1 (true フィルタを実行 デフォルト)

使用例

<IMG src="sarii.gif" alt="透明度サンプル1" width="120" height="120"
style="filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);">

<IMG src="sarii.gif" alt="透明度サンプル2" width="120" height="120"
style="filter:progid:DXImageTransform.Microsoft.Alpha(
opacity=100,finishopacity=20,style=2);">
  • サンプル1 → 透明度 60% を指定。
  • サンプル2 → 円形透明グラデーション。 (開始透明度を 100 に、終了透明度を 20 に指定)

original 透明度サンプル1 透明度サンプル2 透明度サンプル3



   ⇒ 画像への応用です。

Top Page   Menu   Back