在Gecko（Firefox）和Trident（IE）與Webkit（Chrome和Safari）中顏色不正確的圖像渲染瘋狂

Question

我設計了一個網站，以便左側的圖像無縫融合到右側的背景顏色中沒有透明度（顏色只是在圖像的最右邊與背景相匹配）。圖像的方式，使用透明度來裁剪是非常困難的，所以這種解決方案往往能夠很好地工作（參見示例以瞭解其原因）。

圖像的最右邊是根據到Photoshop CS5的十六進制顏色#d0d9e0，和我寫CSS適當

body { 
    background-color:#d0d9e0; 
    background-image:url('image.jpg'); 
    background-size:auto 100%; 
    background-repeat:no-repeat; 
} 

在WebKit瀏覽器（Chrome瀏覽器，Safari瀏覽器）的圖像融合優美的背景結果很好。在Gecko瀏覽器（Firefox）和Trident瀏覽器（IE）中，圖像或背景中的顏色呈現不正確，它只是看起來業餘。

爲了說明這個獨特的問題，你可以在這裏看到現場測試例如：http://ezrahub.com/missmaryland/

嘗試尋找在不同的瀏覽器，發現在我的挫折感的來源。有沒有什麼辦法可以解決這個問題，除了使用圖像透明度（你可以看到爲什麼它在這裏令人沮喪）？我知道Gecko與Webkit的渲染圖像不同，但我無法想象一個直接顏色不準確的藉口。 AGHHHHHH

Answer 1

區別在於不同的瀏覽器如何處理色彩管理的內容。您的文件中包含的Photoshop ICC配置文件在不同的瀏覽器中被解釋爲不同（或忽略）。

我的猜測是你要使用文件>另存爲保存你的位圖，如果你使用文件>保存爲Web和設備，你會得到你期望的結果。