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

Question

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

关注左侧边栏背景图片。假定它是重复的 1x1 半透明 .png 图像。 IE8 将其呈现为渐变!!!当您尝试滚动窗口或将鼠标悬停在侧边栏上时，它会变得更加奇怪。

我已经在普通浏览器(IE7、Firefox 和 Chrome)中测试过这个网站。它看起来和我设计的一模一样。 IE8 虽然是 FUBARed。我试图将 IE8 设置为“IE7”模式，但它看起来仍然很糟糕。 IE7 模式下的 IE 8 显然与真正的 IE7 呈现不同。甚至“IE7 元标记”都不起作用。

有没有人遇到过这样的问题？我认为 IE8 应该是一种改进，而不是倒退。

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

Answer 1

这可能是 IE8 中的渲染错误，也可能是平滑重复图像边缘的某种功能给您带来了意想不到的结果。无论哪种方式，使用这么小的图像时遇到问题都不足为奇。您是否意识到浏览器必须绘制图像 190152 次才能呈现页面？

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