2011-10-06 99 views
2

我已经在div上放置了一个图像。我试图将图像混合到div(div是一种纯色)。在谷歌浏览器中,它看起来很棒!颜色完美融合。然而,在IE 7中,即使它们应该是相同的颜色,颜色也表现出强硬的色彩!经过一些检查(将一个打印屏幕放入paint.net以检查实际的RGB值),IE 7实际上闪现了我的形象。为什么IE会改变颜色?

混纺必须看起来无缝。到目前为止,谷歌浏览器已经很好。任何想法为什么IE 7不会显示颜色正确?

回答

1

这两个浏览器使用不同的渲染引擎。它们在渲染图形的方式上有细微的差别,特别是jpeg。

这些差异很小但不可避免。

大多数情况下,它不被注意到;它只会在像你这样的情况下出现,当你试图将它定位在一个被认为是相同的纯色背景的元素上时。

您可以通过使用不同的图像格式来解决问题。尝试将图像保存为PNG。浏览器中的PNG往往比jpeg更精确,因此可能足以解决您的问题。

如果这样不能解决您的问题,您可以尝试使用PNG Alpha透明度功能在边缘生成淡入淡出的图像,然后重叠背景颜色。这肯定会给你一个平稳的过渡,但技术要稍微多一些,难以实现。它也会给你老版本的IE浏览器带来问题(当然IE6,我认为你会好的IE7),因为他们有一些重大的PNG透明度错误。 (如果这对你来说是个问题,这里有解决方法;谷歌IEPNGFix更多)