ie6でもPNG画像を表示可能。設置も簡単で軽量のJavaScript「unitpngfix.js」を紹介します。
Web ≫Unit Interactive :: Labs :: Unit PNG Fix
サイト制作時に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画像を使えますね。ダウンロードは以下リンク先でどうぞ。
