IE6以下でも透過PNGを有効に（MacIE5含む）IE6（MacIE5含む）以下では、透過PNGを使うことができません。
PNG自体は表示できるのですが、「透過」となると、IE7以降のブラウザ・Firefox・Safari・Operaなどでしか透過させることができないようです。
かといって、GIF透過させるとギザギザが残りあまりにも見苦しいです。
そこでIE6以前（MacIE5含む）でも透過PNGを使おうじゃないか！という方法を紹介しました。
一応、IE6・IE7・FF2・FF3・Safari3・Opera9・Mac IE5.1・Mac IE5.2で確認済みです。
まずはサンプルをどうぞ。 ⇒サンプル
配布元⇒http://homepage.ntlworld.com/bobosola/
配布元が外国サイトなので、よく閉鎖したりします。こちらにも保管しておきました。
| Correctly handle PNG transparency | ie6_png.lzh ダウンロード |
|---|
（１）設置
透過させたい画像をおくページの<head>〜</head>内に下記を記述します。「pngfix.js」は外部ファイルになっています。
<!--[if lt IE 7]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->
実はコレだけ。
あとは好きなだけ、ページ内で透過PNGを使ってください。
ちなみに・・・・。
Firewoksで透過PNGを書き出す場合は、「PNG−8」もしくは「PNG-32」、PhotoShopは「PNG-24」で透過PNGが作れます。
Firewoks・PhotoShopの「PNG−8」では綺麗に書き出せない場合があります（ただのGIF透過と同じ感じですね）。
