[
2006/12/25(月) ]
◎ 写真(画像)の周辺をぼかすスタイルシート (IE4以降のみ)
「Internet Explorer」のフィルター効果(alpha効果)を利用すれば、写真(画像)の周辺をぼかして表示することができます。
● 西洋醤油(ソース)
<img src="http://blog-imgs-23.fc2.com/b/l/o/bloglink29/cat_01_240.jpg"
alt="猫" border="0" style="filter:alpha(style=2,opacity=100,finlshopacity=0)">
表示例 ⇒
「Internet Explorer」のフィルター効果(alpha効果)を利用すれば、写真(画像)の周辺をぼかして表示することができます。
![]() | ← 元画像 <img> タグに、フィルター効果(alpha)のスタイルシートを追加します。 ※注意; IE以外のプラウザでは、alpha効果は得られません。 |
● 西洋醤油(ソース)
<img src="http://blog-imgs-23.fc2.com/b/l/o/bloglink29/cat_01_240.jpg"
alt="猫" border="0" style="filter:alpha(style=2,opacity=100,finlshopacity=0)">
| style=2, opacity=100, finlshopacity=0 | グラデーションの形状を「1(線形)」「2(円形)」「3(長方形)」の値で指定 グラデーションの開始点の透明度を、0(透明)〜100(不透明)の数値で指定 グラデーションの終了点の透明度を、0(透明)〜100(不透明)の数値で指定 |
表示例 ⇒

関連タグ : スタイルシート(CSS)