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