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渲染图像的方式不同，但我找不到直接颜色不准确的借口。啊哈

Answer 1

区别在于不同的浏览器如何处理颜色管理的内容。在不同的浏览器中，文件中包含的Photoshop ICC配置文件的解释方式不同(或被忽略)。

我的猜测是，您正在使用文件>另存为保存位图，如果您使用文件>保存为Web和设备，您将获得预期的结果。