※スタイルシート、スタイル属性の詳しい解説は、「HTMLの解説」にあります。

■ 透明・半透明

スタイル属性を使用して特殊効果が指定できます。

ただし、Windows版のIE(インターネットエクスプローラ)4.0〜6.0のみ可能です。
NN(NetscapeNavigator)では、表現できません。
また、スタイルシートを利用するためにドキュメントタイプ(DTD)を明言している場合も表現できない場合があります。

風船

透明・半透明のテスト

【記述サンプル】
<div class="center" style="background-image: url('../../images/exp/renga0.gif');margin:0 60px;padding:10px;">
<p>
<div style="width:128; height:128; filter:alpha(opacity=10, finishOpacity=50, style=1, startX=10, startY=10, finishX=40, finishY=40);">
<img src="../../images/exp/baloon.gif" alt="風船" style="width:128px; height:128px;">
</div>
</p>

<p>
<div style="padding:20px; color:blue;font-size:24pt;width:400; height:40; filter:alpha(opacity=10, finishOpacity=50, style=1, startX=10, startY=10, finishX=60, finishY=60);">
透明・半透明のテスト
</div>
</p>
</div>
【 解    説 】

【記述例】
style="filter:alpha(opacity=10, finishOpacity=50, style=1, startX=10, startY=10, finishX=60, finishY=60);"

opacity=透明度を指定します
finishOpacity=グラデーションを使用するときの最終透明度
style=0.グラデーションなし、1.線形、2.円形、3.長方形グラデーション
startX=グラデーションの開始X座標
startY=グラデーションの開始Y座標
finishX=グラデーションの終了X座標
finishY=グラデーションの終了Y座標


page update:2010/01/23 20:32

Copyright (c) 2000-2009, all Rights Reserved & Produced by atom