「ALPHA」フィルタ(4)

画像やレイヤーに「半透明」フィルタを適用する。

Internet Explorerで画像を半透明で表示させる場合は、
「filter:Alpha()」のスタイルシートを「IMG」タグに追加します。
Alphaのカッコ内には、画像の透明度を指示するOpacity属性を記述し、
透明度を0〜100で指定します。これで画像を半透明表示できます。
なお、border属性を記述して画像に枠線を描画した場合は、
枠線も指定した透明度で表示されます。

●透明度100%
<IMG src="http://www47.tok2.com/home/donbey/dc0923261.jpg"
style="filter:Alpha(opacity=100)">

●透明度75%
<IMG src="http://www47.tok2.com/home/donbey/dc0923261.jpg"
style="filter:Alpha(opacity=75)">

●透明度50%
<IMG src="http://www47.tok2.com/home/donbey/dc0923261.jpg"
style="filter:Alpha(opacity=50)">

●透明度25%
<IMG src="http://www47.tok2.com/home/donbey/dc0923261.jpg"
style="filter:Alpha(opacity=25)">

●透明度0%
<IMG src="http://www47.tok2.com/home/donbey/dc0923261.jpg"
style="filter:Alpha(opacity=0)">


(画面クリックでWEB上のサイズを見てください。)