まんぞうブログ

2008-08-28

[]IE6でPNGファイルのアルファチャンネルを表示させる

本番サーバにアップしてから気づいたが、IE6はPNGファイルのアルファチャンネルに未対応だとか。制作時にテストしてたブラウザFirefoxIE7だったので、アップしてから後日、支店の端末からホームページを開いたら透明化の部分がグレーになっていてびっくりした...

なにか対応策はあるのかな?と探してみると、ありました。

youmos『IEアルファチャンネルPNGを表示する (iepngfix.htc)』(参照

IE5.5以上で対応できるようです。

使い方は簡単でした。

TwinHelix(参照)からzipファイルを落としてきて解凍します。HowToはこんな感じ。

1.落としてきたiepngfix.htc と blank.gif をサイト内に配置する

2.CSSHTMLに下記をコピペする。もし必要ならiepngfix.htcを置いたパスに変更する

img, div { behavior: url(iepngfix.htc) }

3.もしサブフォルダに配置したら、.HTCファイルをエディタで開いて次のパスを適宜修正する

var blankImg = '/images/blank.gif';  

アクセス解析ではIE5.5以前がわずかにいますが...その人たちにはゴメンなさいです。