0

我设计了一个网站，使左侧的图像无缝融入右侧的背景颜色，没有透明度（颜色在图像的最右侧边框与背景简单匹配）。图像的方式是，制作具有透明度的切口非常困难，因此该解决方案往往效果很好（请参阅示例以了解原因）。

图片的最右边是#d0d9e0根据Photoshop CS5的十六进制颜色，我已经适当地编写了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 渲染图像的方式不同，但我想不出直接颜色不准确的借口。啊啊啊啊

4

1 回答 1

1

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

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

于 2012-07-31T20:32:20.427 回答