[JavaScript]IE6でも透過PNG画像を表示することができる「unitpngfix.js」

ie6でもPNG画像を表示可能。設置も簡単で軽量のJavaScript「unitpngfix.js」を紹介します。

サイト制作時にPNG画像を使用する場合は、いつもこのスクリプトを使っていてすごく便利なので紹介します。

ie6ブラウザでPNG画像を表示すると、透過部分が、グレーになって表示されますね。
そこでこのスクリプトの出番です。
色々なテクニックを使うこともなく、困らずにすみますよ。

透過PNG画像をie6でも表示させるスクリプトは他にもたくさんありますが、
面倒なクラス指定などもせずに、同梱されている画像clear.gifを「unitpngfix.js」に、パスを設定するだけで使用できます。

以下のように、htmlにスクリプトを読み込みます。

<script type="text/javascript" src="unitpngfix.js"></script>

そして「unitpngfix.js」ファイル内の一行目で、ファイル名・パスをお好きなように変更してください。

var clear="images/clear.gif"; //path to clear.gif

透過PNG画像の表示は画像やスタイルシートでの背景画像に対応してます。
これでie6のことを考えずにPNG画像を使えますね。ダウンロードは以下リンク先でどうぞ。