サイトのデザインをしていて、透明を表現する際にアルファチャネルが使えるのと使えないのでは大違いだ。ところが現状メジャーブラウザのIE6では透過PNGの表示がおかしくなるため、未だにGIFが使われているのだという。IE７では正しくサポートされているが、普及するのを待っていられない。
調べてみたら非常に簡単にこの問題を解決できた。
IE PNG Fixにあるスクリプトを使えば、1ファイルアップロードして、{ behavior: url(iepngfix.htc); }をCSSファイルに書き足せば終わりだ。あとはPNGを使えばIE6（Win)でも透過PNGが正しく表示される。
適用前（IE６）
適用後（IE６）
ただし、Mac版のIEでのbackgroundにある透過PNGには対応していない。また、そもそもIE5.5未満では対応しない。まぁ、IE6に対応すればほぼ大丈夫だと思うが。
Trackback URL
2 Trackbacks/Pingbacks
詳細は、下記にあるようです。 Google http://googleblog.blogspot.com/2006/11/search-engines... ■IE5.5+ PNG Alpha FIX (テックdeGo)（はてなブックマーク - キーワード「MOVABLE TYPE」を含む新着エントリー） http://www.techdego.com/2007/01/ie55_png_alpha_fix.php > IE5.5+ PNG Alpha FIX ? TinyMCE Plugin for Movable Type 1.20 Ja RSSをfeedburnerに統一する ? IE5.5+ PNG Alpha FIX
詳細は、下記にあるようです。 Google http://googleblog.blogspot.com/2006/11/search-engines... ■IE5.5+ PNG Alpha FIX (テックdeGo)（はてなブックマーク - キーワード「MOVABLE TYPE」を含む新着エントリー） http://www.techdego.com/2007/01/ie55_png_alpha_fix.php > IE5.5+ PNG Alpha FIX ? TinyMCE Plugin for Movable Type 1.20 Ja RSSをfeedburnerに統一する ? IE5.5+ PNG Alpha FIX
Post a Comment