ばむばんか惰隠洞

■ [HTML] IE6で透過PNG（ちょこっとメモ）

いまだにIE6でもちゃんと表示されること、ってのを条件にしてくるお客さんもいらっしゃるのでね。普通にシンプルなデザインなら別にどうって事もないんだけど、背景に大きめなデザインがあり、その上にグローバルメニューやら何やらが半透明で被さるような処理が必要になると、ちょっと考えないといけなくなる。

アルファチャンネル付pngについては、ものすごく昔にちょっと調べてみた（うへ、10年前じゃん）ことはあったんだけど、その時はそもそも対応してるブラウザ自体が少数派だった（オレがまだOperaに乗り換える前だな、これ）こともあり、それほど深く突っ込みもしなかったんだけど、その後いくつか対策は登場していて、比較的代表的な物にiepngfix.js、なんてのがあったような気がするけど、自分はあんまり使ってなかったな。

今回の仕事ではbackground-repeatを使うところで半透明処理が必要になるので、どっちにしろこいつは使えない。なので探してみたらこんなのが。DD_belatedPNG(DillerDesign)。

透過pngを使いたい場所を記述したCSSのクラス名かタグを指定してやることで、そこで使ってるpngに半透明処理を追加してくれる優れもの。IEハックとかかまさなくても良いし、背景のリピート処理にも対応してくれるあたりがかなりありがたい。

詳しい使い方はこちらのサイト(ITキヨスク)が参考になるんじゃないでしょうか。