ハイライトON、OFF 変更削除不可 TIME指定 JavaScript指定 スタイルシート指定 カスタマイズ箇所
例えばページに、にぎやかな(色の濃い)背景画像を使用していたとします。
そこに直接文字を打ち込んでも文字は読みにくいです。そこで考えられるのがTABLEを置いたり、DIVタグを使ってそこに背景色をつけて上に文字を表示するという方法ですがそうするとページの背景画像が見えなくなってしまう!という現象が起こってしまいます。
少し知識がある人でしたらそのTABLEもしくはDIVタグに背景色をつけてAlphaフィルターで透過すればいいジャン!と思いますよね。でもそうすると今度は文字まで透過されてしまい、結果文字が結局見難くなるという現象が起こると思います。しかし文字だけは透過させない方法があります。
<HTML>
<HEAD>
<TITLE>TABLEだけ透過して書かれている文字は透過しない</TITLE>
</HEAD>
<BODY style="background:url(bg.gif) fixed;">
<TABLE border="1" style="width:100%;height:200%;background:#fffff;filter:Alpha(opacity=30)};">
<TR>
<TD width="50%"><B>何も指定しないと文字まで透けてしまいます</B></TD>
<TD width="50%">
<DIV style="position:relative;"><B>でもDIVやSPANを使ってposition指定すれば文字だけ透けない</B></DIV>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>
|