IE8的透明png渲染在我的网站上是FUBARed

时间:2009-03-20 18:02:34

标签: css xhtml internet-explorer-8

我刚刚下载了IE8完整版,所以我可以测试我刚创建的网站。 [删除示例]

关注左侧边栏背景图片。它被认为是重复的1x1半透明.png图像。 IE8将其渲染为渐变!当你试图滚动窗口或鼠标悬停在侧边栏上时,它会变得更加惊人。

我已经在普通浏览器(IE7,Firefox和Chrome)中测试了这个网站。它看起来与我在这些设计中完全一样。虽然IE8很FUBAR。我试图将IE8设置为“IE7”模式,但它看起来仍然很糟糕。 IE7模式下的IE 8显然与真实IE7的渲染方式不同。甚至“IE7元标记”都不起作用。

还有其他人有这样的问题吗?我认为IE8应该是一种改进,而不是倒退。

P.S。请原谅此页面上的糟糕标记。我使用了IE的“保存整页”功能。

6 个答案:

答案 0 :(得分:24)

它可能是IE8中的渲染错误,或者可能是某些功能可以平滑重复图像的边缘,从而产生意外结果。无论哪种方式,使用如此小的图像都会遇到问题并不奇怪。您是否意识到浏览器必须将图像绘制190152次以呈现页面?

我使用10x10半透明png作为页面中div的背景,它在IE8中渲染得很好。

答案 1 :(得分:2)

可能想查看this post

答案 2 :(得分:2)

我修复了错误,这不是其他帖子中提到的gamma问题。我的问题是由于图像大小为1x1像素。我只是将它改为1x2并解决了问题。怪异

[编辑]在我问这个之后,刚刚看到了Guffa的帖子。见他的答案。

答案 3 :(得分:1)

我对我正在建设的网站遇到了类似的问题。这个问题只发生在50%的机器上,ie8经过测试,我正在为一家IT公司构建它,因此可以访问大量计算机。我们能够通过在问题机器上切换硬件加速来“修复”问题,而不是真正解决这个问题。

答案 4 :(得分:1)

感谢您对此问题的帮助 - 这是一个奇怪的错误。

我在50%运行IE8的计算机上遇到了这个问题(可以访问很多机器)。当我将一个1x1px半透明png设置为带有CSS的div上的背景图像时,IE会将其渲染为一个时髦的垂直透明渐变。

将源图像更改为相同不透明度的5x5px png修复了错误...转到IE!

答案 5 :(得分:1)

  

问题是我原来的png是   1×1,无论出于何种原因,IE8都是   不喜欢试图平铺那个和   处理alpha透明度   同时。当我意外地保存   那个图像有一个更大的副本我   在我的剪贴板上,100×100,它结束了   解决任何问题互联网   资源管理器正在进行处理   png的透明度。

Source