爲什麼IE會改變顏色？

Question

我已經在div上放置了一個圖像。我試圖將圖像混合到div（div是一種純色）。在谷歌瀏覽器中，它看起來很棒！顏色完美融合。然而，在IE 7中，即使它們應該是相同的顏色，顏色也表現出強硬的色彩！經過一些檢查（將一個打印屏幕放入paint.net以檢查實際的RGB值），IE 7實際上閃現了我的形象。

混紡必須看起來無縫。到目前爲止，谷歌瀏覽器已經很好。任何想法爲什麼IE 7不會顯示顏色正確？

Answer 1

這兩個瀏覽器使用不同的渲染引擎。它們在渲染圖形的方式上有細微的差別，特別是jpeg。

這些差異很小但不可避免。

大多數情況下，它不被注意到;它只會在像你這樣的情況下出現，當你試圖將它定位在一個被認爲是相同的純色背景的元素上時。

您可以通過使用不同的圖像格式來解決問題。嘗試將圖像保存爲PNG。瀏覽器中的PNG往往比jpeg更精確，因此可能足以解決您的問題。

如果這樣不能解決您的問題，您可以嘗試使用PNG Alpha透明度功能在邊緣生成淡入淡出的圖像，然後重疊背景顏色。這肯定會給你一個平穩的過渡，但技術要稍微多一些，難以實現。它也會給你老版本的IE瀏覽器帶來問題（當然IE6，我認爲你會好的IE7），因爲他們有一些重大的PNG透明度錯誤。 （如果這對你來說是個問題，這裏有解決方法;谷歌IEPNGFix更多）