「トレーシングペーパー」のような効果

「10秒で書けるあなたのページ」シリーズ、ちょっと応用編。 αチャネルpng(半透明のpng画像)を「テキストを置く部分」の背景画像に指定すれば、「トレーシングペーパー」のような効果が出ます。
▼pngファイル(ご自由にご使用ください)
不透明度80%png→
不透明度70%png→
不透明度60%png→
不透明度50%png→

IE6対応

 今、そこそこ使われているブラウザのなかでは、IE6だけがαチャネルpngに対応してないんじゃないかと思います。

選択肢1)すっぱり見捨てる。
選択肢2)<!--[if IE 6 ]>で別のCSSをあてる。「別のCSS」で、filter: Alphaを指定、これはテキストに混在した画像も透過されてしまうので、画像だけはposition:relative;をつかって透過しないように。

(このページは、選択肢2の見本です。HTML/CSSはご自由にご利用ください)
▼<!--[if IE 6 ]>
http://allabout.co.jp/internet/hpcreate/closeup/CU20070412A/index2.htm
▼filter
http://www.tohoho-web.com/css/filter.htm
▼position:relative;
http://blog.fc2.com/forum/viewtopic.php?t=10582