半透明フィルタ
プロパティ:filter:フィルタ名:alpha
属性値:(opacity=0～100)
スタイルシートでフィルタを使うには
filter:フィルタ名(属性値)のように書きます。
またフィルタはspanタグやdivタグなどに直接指定する場合は必ずwidth属性かheight属性をつけて大きさを指定する、もしくはposition:absolute;というのを指定しておく必要があります。詳しくはソース例を見てください。
今回の半透明フィルタはフィルタ名がalpha、属性値がopacityで0が透明、100が不透明です。
属性値がたくさんあるフィルタの場合は属性の間を,(カンマ)で区切ります。
ソース例(太字が学んだ内容です)
<html>
<head>
<title>半透明フィルタ</title>
<meta http-equiv="Content-Style-Type" content="text/css">
</head>
<body>
<span style="width:100pt; filter:alpha(opacity=50)">
文字が半透明になっているのが分かりますか？
</span>
<br><br>
<span style="position:absolute; color:blue; filter:alpha(opacity=50)">
position:absoluteでもＯＫです。同時に色も指定しています。
</span>
<br><br>
<img src="cat.gif" style="width:90; height:80; filter:alpha(opacity=50)">
<br><br>
<a href="http://www.homepagesakusei.biz/">ホームページ作成、HTML</a><br>
Webサイト版<a href="http://www.homepagecreation.net/" target="_blank">ホームページ作成とHTML</a>
</body>
</html>
表示はこちら
2006年05月31日