いつも頭を痛めているInternet?Explorer対策なんですが、Internet Explorer 6.0に対してスマートに透過PNG画像を表示できるようにならないかと思っていました。これまでCSSハックを施して対応してましたが、Javascriptのブラウザセレクタを利用することにしました。読者側でJavascriptが有効になっていなければ意味がないですが…。
利用するのはこの２つ。
– iepngfix.js
– CSS Browser Selector
設置方法:
セレクタはご利用の環境に合わせて書き換えてください。
そういえば、今年の初めにリリースされたIE7をW3Cにより準拠させるJavascriptライブラリ「IE7.js」にもIE 5, 6 で透過PNGを表示することができる機能がありましたよ。
http://code.google.com/p/ie7-js/
ほしいちさん、コメントをありがとうございます。
こんな便利ライブラリがあったとは知りませんでした。教えていただき、ありがとうございます。PNG画像名に *-trans.png とすれば透過画像も扱えるのかぁ。スタイルセレクタに対応してくれていたらもっと利用範囲が広がったのに残念です。まだ、ベータなのでこれからに期待ですね。
早いところIE6には消えてもらわないと悩みのタネは尽きないですね。 😉