13

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

专注于左侧边栏背景图像。假设它是重复的 1x1 半透明 .png 图像。IE8 将其渲染为渐变!!!当您尝试滚动窗口或将鼠标悬停在侧边栏上时,它会变得更加不稳定。

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

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

PS 请原谅此页面上的蹩脚标记。我使用了 IE 的“保存整个页面”功能。

4

5 回答 5

24

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

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

于 2009-03-20T18:24:33.207 回答
2

我修复了这个错误,这不是其他帖子中提到的伽马问题。我的问题是由图像大小为 1x1 像素这一事实引起的。我只是将其更改为 1x2 并解决了问题。奇怪的

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

于 2009-03-20T18:41:17.287 回答
1

我正在构建的网站也有类似的问题。该问题仅发生在 50% 的 ie8 机器上进行测试,我正在为一家 IT 公司构建它,因此可以访问大量计算机。我们能够通过在问题机器上切换硬件加速来“修复”问题,这根本不是真正的修复。

于 2009-07-21T02:07:33.333 回答
1

感谢您在这个问题上的帮助 - 多么奇怪的错误。

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

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

于 2010-01-13T15:40:10.473 回答
1

问题是我的原始 png 是 1×1,无论出于何种原因,IE8 都不喜欢尝试平铺它并同时处理 alpha 透明度。当我不小心用剪贴板上的一个更大的副本(100×100)保存了该图像时,它最终解决了 Internet Explorer 在处理 png 的透明度时遇到的任何问题。

来源

于 2010-10-19T09:34:29.250 回答