divの上に画像を配置しました。画像をdivにブレンドしようとしています（divは単色です）。Google Chromeでは、見栄えがします。色は完璧に混ざり合っています。ただし、IE 7では、同じ色である必要があるにもかかわらず、色に硬い線が表示されます。いくつかの調査（実際のRGB値を確認するためにpaint.netに配置された印刷画面）の後、IE7は実際に私の画像を明るくしています。
ブレンドはシームレスに見える必要があります。これまでのところ、GoogleChromeはこれで問題ありませんでした。IE 7が正しい色を表示しない理由はありますか？
2 つのブラウザーは、異なるレンダリング エンジンを使用しています。グラフィック、特に jpeg をレンダリングする方法には、両者の間に小さな違いがあります。
違いはわずかですが、避けられません。
ほとんどの場合、それは見過ごされます。同じであるはずの無地の背景色を持つ要素に対して配置しようとすると、あなたのような場合にのみ表示されます。
別の画像形式を使用すると、問題を解決できる場合があります。画像を PNG として保存してみてください。PNG は、ブラウザー間で jpeg よりも正確にレンダリングされる傾向があるため、問題を解決するのに十分な場合があります。
それでも問題が解決しない場合は、PNG のアルファ透明度機能を使用して、端が透明にフェードするイメージを作成し、その背後に背景色を重ねることができます。これにより確実にスムーズな移行が実現しますが、少し技術的であるため、達成するのが難しくなります。また、古いバージョンの IE (確かに IE6、IE7 で問題ないと思います) で問題が発生します。これは、PNG 透過性に関するいくつかの大きなバグがあったためです。(これが問題である場合は、これに対する回避策があります。詳細については、Google IEPNGFix を参照してください)