我在div上面放了一个图像。我正在尝试将图像混合到div中(div是纯色)。在谷歌浏览器中,它看起来很棒!颜色完美融合。然而,在IE 7中,颜色显示硬线,即使它们应该是相同的颜色!经过一些检查(打印屏幕放入paint.net检查实际的RGB值),IE 7实际上闪现了我的图像。
混合物必须看起来无缝。谷歌Chrome到目前为止还不错。任何想法为什么IE 7不会显示正确的颜色?
答案 0 :(得分:1)
两个浏览器使用不同的渲染引擎。它们在渲染图形方面存在细微差别,特别是jpeg。
差异很小但不可避免。
大部分时间它都没被注意到;当你试图将它放在具有应该是相同的纯色背景的元素上时,它只会出现在像你这样的情况下出现。
您可以使用其他图片格式解决问题。尝试将图像另存为PNG。 PNG往往在浏览器之间比jpeg更准确地呈现,因此这可能足以解决您的问题。
如果这不能解决您的问题,您可以尝试使用PNG alpha透明度功能生成边缘淡化为透明的图像,然后重叠背后的背景颜色。这肯定会让你顺利过渡,但技术性更强,更难实现。它也会给你带来IE旧版本的问题(肯定是IE6,我认为你会对IE7没问题),因为他们有一些PNG透明度的重大缺陷。 (如果这对您来说是一个问题,可以采取相应的解决方法; google IEPNGFix了解更多信息)