jQueryを使って透過pngをIE6で適応させる方法
最近PNGでの表現が流行り?
ちょっとその辺は情報不足なので省略しますが、
今日はjQueryのプラグインを使って透過PNGをIE6に対応させてみます。
透過PNGを使えるほうにする方法は、
すでにいろいろな方法が紹介されていて、最近でも、
「IE6にPNG画像のアルファチャンネルを効かせる方法のまとめ」
なんてのが紹介されたりしています。
今回紹介するjQueryのは、もうかなり前からあるのですが、
個人的に知らなかったので、メモとしてエントリーしておきます。
PNG Fix
■ サンプル透過PNG画像(未処理)
上の画像はFxなどで見ると透過部分は白くなっているのですが、
IE6以下で見ると、灰色になってしまっています。
バックをピンクにしたので、透過しているかわかるとおもうのですが、
透過されている部分は、IE6だと灰色になっていて、
うまく透過処理されていません。
これにjQueryの『PNG FixM』というプラグインを使うと、
綺麗に透過されるようになります。
■ 透過後
中央部分もピンクになっていると思います。
今後はPNGを使ったサイトはどんどん増えていくのでしょう。
jQueryを使っているのであれば、この方法を使うのが楽だと思います。