ユンサンの／융상의／YungSang's: 透過PNG と IE と IE7　まとめ

このブログの中で一番アクセスがあるエントリー「透過PNG と IE と IE7」に追記を書いたのですが、解り難そうなので、ここにまとめときます。

以前のエントリーでは、
１．IE７は透過PNGに対応したので、iepngfix が必要無い。
２．IE7で透過PNGに対して、フェードイン／フェードアウト使うと、エフェクト中に透過しない。
って感じでした。

がっ！
今日たまたま別のツールを作っていて、IE7 に対して iepngfix を使ってみたら、
あら不思議、フェードイン／フェードアウトしても透過してるじゃないですかっ！
まあ、ある程度は予想出来たけど、あっさり上手く行くとは。。。
なんで今まで試さなかったんだろう。

ということで、まとめると、

<!--[if IE]>
<script type="text/javascript" src="iepngfix.js" charset="utf-8"></script>
<style type="text/css">
.iepngfix {
  behavior: expression(IEPNGFIX.fix(this));
}
</style>
<![endif]-->

↑こんな感じでしょうか。

IE7の透過PNGの実装は微妙だったということでしょうか。

何か問題がありましたら、コメントでもして下さい。

補足：
１．透過PNGを動的に差し替えたりした場合、IEPNGFIX.fix() を再度呼んであげる必要があります。
２．透過PNGを背景にしたエリアを動的にロードするような場合は、ロード後に IEPNGFIX.fixchild() を適宜呼んであげないと、リンクやイベントがうまく動かないケースがあります。

Comments

はじめまして。

IEPNGFIXについてご質問なのですが、
IE６でCSSで、
aリンク、a:hoverに背景画像pngを指定した場合ですが、
a:hoverが反映されずまた、マウスカーソルが通常と同様でリンク時のカーソルにならないようです。

このような場合の解決方法等はありますでしょうか。

お忙しい中恐縮ですがお時間のあるときにご教授頂ければと思います。

Posted by: dol | April 3, 2007 09:44 AM

了解しました。
たぶん上記関連参考サイトの
「Lyrical Cutie - ニューデザイン構想中」
のコメントでやり取りしているところにヒントがありそうです。
試してみてご報告します。
ちょっと時間を下さい。

Posted by: ユンサン | April 3, 2007 10:14 AM

はじめまして。
現在、thinkboxとiepngfixを同一サイトで試しているのですが、
IE6で写真がオーバーレイ表示されないなど、不安定な状況です。
補足：1、2に該当するような症状だと思うのですが、もう少し具体的にご教授いただければと存じます。お忙しいところ大変恐縮ですが宜しくお願いいたします。

Posted by: takashi | April 9, 2007 08:24 AM

どうもです。

出来れば、試しておられるサイトなりページなり内容なりを具体的に教えて頂けるとこちらでも試せるのですが。

例えば、どの部分に透過PNGをお使いですか？

よろしくお願い致します。

Posted by: ユンサン | April 9, 2007 11:06 AM

>a:hoverが反映されずまた、マウスカーソルが通常と同様でリンク時のカーソルにならないようです。

確かにここら辺に対応していただけると、完璧かもしれません。

Posted by: う～ん | April 10, 2007 12:40 PM

この件については、あまり美しくないですが、
↓こちらを参照してみて下さい。
http://blog.l-xs.com/yungsang/2007/04/iepngfix_tips_1.html

もう少し整理して、完璧版を目指したいです。そのうち。。。

Posted by: ユンサン | April 10, 2007 01:22 PM

なるほど、チョット難しいということでなのですよね……。

Posted by: う～ん | April 10, 2007 01:27 PM

う～ん様、
↓こんなんでどうでせうか？
http://blog.l-xs.com/yungsang/2007/04/iepngfix_tips_1_1.html

Posted by: ユンサン | April 10, 2007 07:12 PM

ユンサンの／융상의／YungSang's

元 ”韓流”プログラマ、ユンサン／융상／YungSang。さて、何を書こうかな？

透過PNG と IE と IE7　まとめ

TrackBack

Comments

Post a comment

ユンサンの／융상의／YungSang's

元 ”韓流”プログラマ、ユンサン／융상／YungSang。さて、何を書こうかな？

透過PNG と IE と IE7 まとめ

TrackBack

Comments

Post a comment

透過PNG と IE と IE7　まとめ