2009/8/18

IE 6 PNG対策をalphafilter.jsからIE PNG FIX Alpha 3に乗り換え

今までIE 6のPNG表示不具合対策はalphafilter.jsを使っていて、これまでは問題なかったのですが、今回はそれだとPNGのサイズが引き伸ばされてしまったりする問題に対応できず、ちと調べまして。

IE PNG Fix – TwinHelix

これ便利です。CSSに

img, div { behavior: url(“/js/iepngfix/iepngfix.htc”) }

などと書いてやるだけで、透過処理などが適用されます。

img, div, ul { behavior: url(“/js/iepngfix/iepngfix.htc”) }

などとやればulにも当然適用されますね。Lightboxなどと同様で画像ファイルへのファイルパスの記述は気をつけましょう。iepngfix.htcをエディタで開いて絶対パスで記述してやると良いです。

なのでこいつ、それぞれの要素に対するclass=”alphafilter”みたいな記述がいりません!これはかなり楽ですね。Java ScriptがIE 6での閲覧時、ガリガリ動いて鈍重な感じもするのですが、そもそもIE 6には早くサヨウナラして欲しいわけでして。。。

加藤 康祐 / 企画・設計

プランナー、デザイナー。加藤康祐企画設計代表。Webデザインを入り口に、2005年よりフリーランスとしてのキャリアスタート。主な仕事としてベンチャー企業でのサービスのUXデザイン、独法との防災メディアの運営、社会的養護の子どもたちの自立を支援するNPOのサポート。ラグビーと料理、最近イラスト。

加藤康祐企画設計

是非、フォローしてください!
Twitter / Instagram

(2012-10-5)
売り上げランキング: 14,705
100円