Web.Dev | 透過PNG

この1ヶ月間、HTML、CSSをたくさん書いた。こんなに書いたのはいつ以来だろう。
ページの見た目自体はシンプルなんだけど透過PNGを多用していたので、最後の最後でIE 6対応にはまりまくった。

IE 6用のCSSを設けてfx-iepngfixのbehaviorで対処してたんだけど、通常のimg要素ではなくなってしまうので、マウスオーバー時の差し替えスクリプトもIE 6且つPNG用に用意しなければいけなかった。
他にも2つか3つか透過PNGを重ねると表示がおかしくなって、その上にテキストを表示しようとすると・・・　　さらにはCSSでimg要素をposition:absoluteにしてるのに、iepngfixによってposition:relativeにされちゃったりして、もう大変。結局、IE 6では一部透過GIFにして対応する必要もあった。

透過PNGをここまで使ったのは初めてだったけど、表現力は確かにグッと高まる。透過GIFと違って、どんな背景の場面でも使えるので画像パーツの汎用性も高まるし。
ただ、IE 6対応は苦しい。IE 6を捨ててもいい状況でなければ、レイヤー構造は可能な限り少なくした方がいい。

要するにIE 6は早くなくなってしまえ。