我在 div 上放置了一张图片。我正在尝试将图像混合到 div 中（div 是纯色）。在谷歌浏览器中，它看起来很棒！颜色完美融合。然而，在 IE 7 中，颜色显示为硬线，即使它们应该是相同的颜色！经过一番检查（将打印屏幕放入paint.net 以检查实际的RGB 值），IE 7 实际上使我的图像亮了起来。
混合物必须看起来无缝。到目前为止，谷歌浏览器对此很好。任何想法为什么 IE 7 不会正确显示颜色？
问问题
51 次
1 回答
1
这两个浏览器使用不同的渲染引擎。它们在渲染图形的方式上存在细微差别，尤其是 jpeg。
差异很小但不可避免。
大多数时候它都被忽视了；当您尝试将其定位在具有应该相同的纯色背景颜色的元素上时，它只会在像您这样的情况下出现。
您可以通过使用不同的图像格式来解决此问题。尝试将图像保存为 PNG。与 jpeg 相比，PNG 在浏览器之间的渲染往往更准确，因此这可能足以解决您的问题。
如果这不能解决您的问题，您可以尝试使用 PNG 的 alpha 透明度功能来生成边缘淡入透明的图像，然后在其后面重叠背景颜色。这肯定会给你一个平稳的过渡，但有点技术性，所以更难实现。它还会给您使用旧版本的 IE（肯定是 IE6，我认为您可以使用 IE7）带来问题，因为它们在 PNG 透明度方面存在一些重大错误。（如果这对您来说是个问题，有解决方法；谷歌 IEPNGFix 获取更多信息）
于 2011-10-06T15:50:58.000 回答