为什么这张图片在 Internet Explorer 中不能融入背景（在 Firefox 或 Chrome 中看起来不错）？答案

【问题标题】：Why doesn't this image blend into background in Internet Explorer (it looks fine in Firefox or Chrome)?为什么这张图片在 Internet Explorer 中不能融入背景（在 Firefox 或 Chrome 中看起来不错）？
【发布时间】：2011-05-24 06:09:28
【问题描述】：

我有一张图片位于背景之上。在 Firefox 和 Chrome 中，它看起来很好，如下所示：

但在 Internet Explorer（任何版本）中，图像背景看起来与背景颜色不同（我放置了一个红色框来突出显示图像结束和背景开始的位置，但这很明显）。

为什么会这样，给定相同的图像和相同的 HTML 背景颜色，一个浏览器看起来不错，但在 Internet Explorer 中，颜色看起来像是关闭了，因为图像的背景颜色比 HTML 背景颜色浅?

full website is here 如果有帮助的话。

【问题讨论】：

这很奇怪。不幸的是，我在我的笔记本电脑上，这里没有我所有的工具。但看起来图像本身的背景实际上在 IE 上更亮。在我的脑海中，我说不出是什么原因造成的。

标签： html image colors background

【解决方案1】：

我认为您有不同的图像格式，并且 Internet Explorer 出现了一些图像渲染问题。尝试将图像背景和徽标（back-page1.png、logo5.gif）都放在相同格式的 GIF 或 PNG（我更喜欢 PNG）中，这样就可以了！

祝你好运:)

更新：

那么这个渲染问题是什么？

正如 tenfour 在评论中所说，“假设 RGB 颜色在两幅图像上确实相同，则根本问题是 Photoshop 将 gamma 信息保存在 PNG 中，这导致 Internet Explorer 渲染出与预期不同的颜色”。

【讨论】：

作为记录，假设两个图像上的 rgb 颜色实际上是相同的，根本问题是 Photoshop 将 gamma 信息保存在 PNG 中，这会导致 IE 呈现与所需颜色不同的颜色。跨度>

【解决方案2】：

我认为您需要删除 PNG 中的伽马信息。有关此问题的说明，请参阅 http://morris-photographics.com/photoshop/articles/png-gamma.html。我使用 http://www.choppng.com/ 从 PNG 中删除此部分。

【讨论】：