半透明
<html>
<head>
<title>半透明</title>
</head>
<body>
テーブルを半透明にする。<BR>
<TABLE BORDER="1" CELLSPACING="0" CELLPADDING="3" BGCOLOR="#FF6600" STYLE="filter: Alpha(opacity=30);">
<TR>
<TD>テーブルの中にあるテキストも半透明になります。</TD>
<TD><IMG SRC="img.gif" WIDTH="59" HEIGHT="73"></TD>
</TR>
</TABLE>
<BR>
<BR>
<BR>
画像を半透明にする。<BR>
<IMG SRC="img.gif" WIDTH="59" HEIGHT="73" STYLE="filter: Alpha(opacity=30);"><br>
</body>
</html>
オブジェクトを半透明にするスタイルシートです。
画像やテーブルの中、ページ全体を半透明にすることができます。WindowsのIE限定です。
半透明にするスクリプトは、
STYLE="filter: Alpha(opacity=30);"
です。
数値は0〜100で設定します。0に近づけるほど、薄くなります。
●画像を半透明にする
<IMG>タグにSTYLE="filter: Alpha(opacity=30);"を加えます。
例：<IMG SRC="img.gif" STYLE="filter: Alpha(opacity=30);">
●テーブルを半透明にする
<TABLE>タグにSTYLE="filter: Alpha(opacity=30);"を加えます。
例：<TABLE STYLE="filter: Alpha(opacity=30);">
●ページ全体を半透明にする
<BODY>タグにSTYLE="filter: Alpha(opacity=30);"を加えます。
例：<BODY STYLE="filter: Alpha(opacity=30);">
ページ全体に設定して、かつ画像にも半透明を設定した場合は、その画像は<IMG>タグで設定したよりももっと薄くなります。
ホームページ作成ガイド
ホームページ作成ガイド