問題タブ [iepngfix]

私は、さまざまなものがクリックされるとポップアップするインライン div で作成している新しいサイトに fancybox (http://fancybox.net/) を使用していますが、すべてうまく機能します。ポップアップの上部と下部に 1 つのヘッダー画像と 1 つのフッター画像 (一部は透明な PNG) を使用しています。これらは角が曲がっています (背景が見えるように角の後ろに透明度があります)。ヘッダー画像には上部の 2 つのコーナーが含まれ、ボックスの全幅であり、フッター画像には下部の 2 つのコーナーが含まれます。これは、右上隅と下 2 隅の透明度が正常に機能する IE7+ 以外のすべてのブラウザーでうまく機能しますが、左上隅の透明度は濃い灰色になります (IE6 で透明度なしで使用しようとしたときに表示される通常の明るい灰色ではありません)。 pngfix)。さまざまなpng修正を試みましたが、IE7 +では効果がありません（ただし、IE6では完全に機能します）。また、透明なpngを背景画像として使用し、不透明度を設定すると、IEに問題があることも読みましたが、他の3つのコーナーが正常に機能しているため、これが問題であることはわかりません。

誰かがこれに光を当てることができれば、IE6や他のすべてのブラウザで機能し、透明度が画像の右側で機能するため、私はむしろ混乱していて、他に何を試すべきかわからないので、それは大歓迎ですが、 IE を含むすべてのブラウザーで、左と下の 2 つのコーナー (上のコーナーと同じ画像を使用しますが、上下が逆になっている) は完全に機能しません。さらに混乱させるために、代わりにgif画像を使用してみましたが、まったく同じことが起こります。IE7 +では、透明度は右側で機能しますが、左側では機能せず、他の場所では正常に機能します.i fancybox googleグループに投稿しようとしましたが、あまり運がなかったので、ここにいる誰かに何かアイデアがあるかどうか見てみようと思いました!

いつもお世話になっております皆様、

デイブ

jqueryを使用して、ajaxを介していくつかのhtmlをdivにロードしています。コンテンツがロードされたら、DD_belatedPNG を使用して ie6 用の png を修正する必要があります。以下のコード -

png 修正が機能していません。奇妙なことに、修正を呼び出す前にアラートを呼び出すと機能します。

document.ready を fixIeIssue に追加しようとしましたが、役に立ちませんでした。

png 修正は、最初のページ読み込みで機能します。

Firefox での結果:

Internet Explorer 6 での結果 (IE Tester for Windows に基づく):

.htc ファイルのパスは正しいです。

私が見逃しているものは何ですか？

ウェブサイトを完成させました。クロスブラウザ（Chrome、IE、FF）をどのように処理するかをテストしたかったのです。

ただし、IE6およびIE5ではロゴが正しく表示されません。背景は透明ではなく濃い緑色になっています。

それを修正する方法はありますか？

JS:

HTML:

CSS:

上記のコードは IE6+ および FF で動作します。しかし、IE6 では、マウスがa.sbToggle:hover イベントをトリガーする要素に移動すると、背景画像(background-position:0 -27px)に 1 ピクセル シフトがあります (a要素のようにmargin-top:-1px)。

DD_belatedPNG.js の vmlOffsets メソッドと関係があると思います。誰も同じ問題を抱えていますか？

==============更新===============

DD_belatedPNG サイトで 1 ピクセル シフトに関する記述を見つけました)

インターネットで利用できる方法はたくさんありますが、iepngfixを使用して見つけましたが、この問題を解決するには、各 png 画像に幅と高さを指定する必要があり、時間がかかりすぎます。私のプロジェクトには数千の png 画像があるため、画像タグに幅と高さを指定せずにこの問題を解決する方法はありますか?

私のイメージタグは：

IE8 の PNG の問題を修正するためのハックに関する投稿をいくつか見つけましたが、それらのいずれも私のシナリオに適応させることができないようです。

$.load() を使用して動的に生成される 4 つの PNG があります。それらはフェード インおよびフェード アウトし、次に別の 4 つの PNG が生成され、同じことを行います。

IE8 では、画像の半透明部分の背景が黒になります。

DOM の準備ができたときに事前にではなく、読み込まれたときに個々の PNG でアルファ フィルターを実行する方法はありますか?

他の提案はありますか？

ありがとう！

IE6のPNG修正にこのスクリプトを使用しています。

要素のクローンを作成すると、適切なクラスがアタッチされていても、クローンされたPNGが修正されておらず、修正を再適用できないことに気付きました。jqueryを使用して要素のクローンを作成していますが、さまざまな理由でclone（false、false）を使用する必要があります...クローンを追加した後、新しい要素に修正を適用する方法はありますか？DD_belatedPNG.fix（ "。pngfix"）を再度呼び出すと、機能しないようです。

私は、「氷の雲」のイメージで背景を使用しました.fadeTo()関数を使用して、消えてからjQueryで再び現れます。背景画像は.pngであるため、SO Windows XPでIE8を使用すると、背景画像が黒/灰色で縁取られており、透明が完璧ではないように見えますが、他のブラウザーを使用している場合は「氷の雲」は正常です。IE8にあるこの透過的な非互換性を解決できるプラグインjQueryまたはcssフィルターがあるかどうかはわかります。

html:

CSS:

JavaScript:

左側は通常の効果、右側は IE8 のバグです。

次のコードを使用して、IE6 の PNG の問題を修正しています (はい、IE6 を使用している訪問者もいます :( ) ... コードは .png 画像を空白の画像に置き換えているようですが、フィルタを実行していないようです適切に...失敗する可能性のある理由はありますか?ありがとう