私のサイトに透明なPNGのIE8のレンダリングがあります

Question

ちょうど私が作成したサイトをテストできるようにIE8のフルリリースをダウンロードしました。 [削除された例]

左側のサイドバーの背景イメージに注目してください。繰り返す1x1半透明の.png画像であると考えられます。 IE8はそれをグラデーションとしてレンダリングします！あなたがウィンドウをスクロールしたり、サイドバーの上にマウスを置いたりしようとすると、それはさらに激しくなります。

私はこのサイトを通常のブラウザ（IE7、Firefox、およびChrome）で既にテストしました。それは私がこれらで設計したのとまったく同じように見えます。 IE8はFUBARされています。私はIE8を "IE7"モードに設定しようとしましたが、それでもやっかいです。 IE7モードのIE8は明らかに実際のIE7と同じようにレンダリングされません。 「IE7メタタグ」は機能しません。

他に誰かがこのような問題を抱えていますか？私はIE8が改善策であると考えていたが、後ろ向きではないと思った。

P.S.このページでは間違ったマークアップを許してください。 IEの「ページ全体を保存」機能を使用しました。

Answer 1

IE8でレンダリングエラーが発生している可能性があります。また、予期しない結果をもたらす繰り返しイメージのエッジを滑らかにする機能があります。いずれにしても、このような小さな画像を使用して問題が発生することはあまり驚くことではありません。ブラウザがページをレンダリングするためにイメージを190152回描く必要があることを認識していますか？

私は10x10半透明のpngをページのdivの背景として使用しています。これはIE8でうまく描画されます。

Answer 2

this postを確認したい場合があります。

Answer 3

私はバグを修正しました。他の投稿に記載されているガンマ問題ではありません。私の問題は、イメージが1x1ピクセルのサイズであるという事実に起因していました。私は1x2に変更して問題を修正しました。奇妙な

[編集]私はこれを尋ねた後、ちょうどGuffaの記事を見た。彼の答えを見てください。

Answer 4

私が構築しているサイトでも同様の問題がありました。この問題は、テストされたie8のマシンの50％でのみ発生しました。私はIT会社のためにそれを構築していたので、多くのコンピュータにアクセスできました。ハードウェアアクセラレーションを問題のマシンでトグルすることで、問題を「修正」することができました。

Answer 5

この問題のヘルプ - ありがたいバグです。

IE8を実行しているコンピュータの50％（かなりの数のコンピュータにアクセスできました）でも問題が発生していました。私は、1x1px半透明のpngをCSS付きのdivの背景イメージとして設定したとき、IEはこれをファンキーな垂直の透明なグラデーションとしてレンダリングします。

ソース画像を同じ不透明度の5x5px pngに変更すると、バグが修正されました... IEに行ってください！

Answer 6

問題は、私のオリジナルのPNGが 1×1で、何らかの理由でIE8が 同時にアルファ透明度を処理し、 タイルにしようとして好きではなかったです。私は間違いなく その画像をはるかに大きなコピーI が100×100のクリップボードに保存したときに、 Explorerで処理していた問題が何であっても、 を終了しました。

Source