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 vs. Webkit以不同的方式渲染图像，但我想不出直接颜色不准确的借口。 AGHHHHHH

Answer 1

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

我的猜测是你使用File＆gt;保存你的位图;另存为，如果您使用文件＆gt;保存为Web和设备，您将获得您期望的结果。