IE6×透過PNG、DD_belatedPNG.fixでの不具合対処

引き続き、IE6でONGを使う際の不具合対処法。
今日はDD_belatedPNG.fixです。

こちらも自由度の高いもので簡単に設定することができるライブラリ。

しかし、使っていると不具合が、、、

同じページ内で透過PNGが適用されない場合があります。
1. 他のJSライブラリなどとバッティングしてしまっている
2. 実は使用する画像を他のオブジェクトでも使っている

2はなかなか気付けないのでご注意。ポジション設定などで1枚画像にして使っている場合などももしかすると不具合の原因になっている場合があります。

[amazonshowcase_ce4881841b2c1c75c995af601d61c54e]

IE6、ドロップダウンメニュー+透過PNGでのバグ

今後のためにメモ。

JavaScript+CSSでドロップダウンメニューを作ったものの、
確認するとIE6ではフォームが選択・入力できなかったり、
ドロップダウンメニューのリンクが選択できなくなったりしてしまうバグが・・・

いろいろ探してみたところ、透過PNGを実装するjQuery+meca.jsが原因と判明。
すごく便利なmeca.js。。。なのに悔しい!

IE6 必須のページでのドロップダウンは透過PNGをなどと贅沢を言ってはいけないようです。。。

そろそろHTML5をという時期にさしかかってのIE6対策はなかなか難しい。。。

[amazonshowcase_ce4881841b2c1c75c995af601d61c54e]

IE6 に対応する透過PNG表示、IE PNG Fix 2

IE6 透過PNG表示、IE PNG Fix 2登場 | エンタープライズ | マイコミジャーナル
IE5.5,6.0にて透過PNGの表示を行う際に使うライブラリ、IE PNG Fixの最新版がリリースされました。
一度このブログにいれてみたところ・・・ 激しく崩れる・・・ たぶん設定する際のbehaviorが元々のCSSに影響を及ぼしてしまっているところが原因だと思うのですが、ここは詮索を行わず、元に戻しました。
透過PNGが使えると表現の幅がとても広がります。
私がなぜ、このサイトをもっともユーザーの多いIE6.0にあわせないのか?それはブラウザー地震の表現力の幅にあります。
IE6.0でこのサイトを見ている人は一度FF2.0やMacのSafariで見てみてください。これまでの見えるが魅えるに変わることがわかると思います。
ただ必要な情報が見えるだけでなく、先進性のある技術とデザインを取り入れることでより表現力のあるサイトを作ることが可能です。

IE6.0以前のブラウザを無視しました。

FireFoxなど現行ブラウザーの多くがサポートしている透過PNG。
自分のサイトでも早速使ってみました。
来訪毎に背景色が変わるようになっているので、
シャドウ部分の際をきれいに見せるために透過PNGを使っています。
見れない人はぜひ、IEから抜け出して新しいブラウザを使ってみてください。
http://biosynthesis.cdbk.net/