半透明のメッセージボード


黒いハーフトーン50%

白いハーフトーン50%

黒いハーフトーン75%

白いハーフトーン75%
市松模様の画像を作成し、メッセージ表示に使うDIVエレメントの背景に設定する方法です。
文字をある程度太くしないと、文字の線が模様に負けてしまい見づらくなるので注意が必要です。
また、使用するテレビによっては波打つような物凄いチラつきが発生してしまいます。

黒い透過フィルタ50%




文字のみ不透明

白い透過フィルタ50%




文字のみ不透明

黒い透過フィルタ75%

白い透過フィルタ75%
ブラウザ自体の半透明描画機能を使用する方法です。。
IEではfilter:alpha(style=0,opacity=50)、OperaとWiiではopacity:0.5をスタイルに設定します。
※ただし、Wiiで括弧のあるフィルタを設定すると読み込みに失敗してしまうようです。
  このテストではJavaScriptで判定してIEだったときのみフィルタを設定しています。


戻る