ちょっと前に、IEの拡張したウェブページ上で視覚的な効果を表現する機能「フィルター」の
filter:alpha();
を使ってみたのですが、使い勝手がなかなか難しいもんですねぇ・・・。
ということで、フィルター「alpha」を使わず、ブロックの背景を半透明っぽく表現してみました。
下に透過っぽい背景画像を指定したブロックを設置してます。
このブロックに透過っぽい背景画像をスタイル指定してます。
スクロールすることで、より透過っぽさを実感できる・・・かも。
このブロックにも透過っぽい背景画像をスタイル指定してます。
もう少し、分かりやすい色にすれば良かったかなぁ・・・
使用したのは、下の画像。実際は、
2*2ピクセルの画像なのですが、見やすくするため、20*20ピクセルに拡大表示してあります。
画像形式はGIFで、左上・右下はグレー（#eeeeee）、右上・左下は透過になってます。この画像をスタイルシートの背景画像に指定することで、1ピクセルおきに下背景がのぞいてるってわけです。
上記の場合の代替として、利用できるかなと。フィルターのように環境に依存することも少なそうです。
Posted at 2007/08/04 19:14:26 | |
トラックバック(0) |
スタイルシート | 日記
