我刚刚下载了IE8完整版,所以我可以测试我刚创建的网站。 [删除示例]
关注左侧边栏背景图片。它被认为是重复的1x1半透明.png图像。 IE8将其渲染为渐变!当你试图滚动窗口或鼠标悬停在侧边栏上时,它会变得更加惊人。
我已经在普通浏览器(IE7,Firefox和Chrome)中测试了这个网站。它看起来与我在这些设计中完全一样。虽然IE8很FUBAR。我试图将IE8设置为“IE7”模式,但它看起来仍然很糟糕。 IE7模式下的IE 8显然与真实IE7的渲染方式不同。甚至“IE7元标记”都不起作用。
还有其他人有这样的问题吗?我认为IE8应该是一种改进,而不是倒退。
P.S。请原谅此页面上的糟糕标记。我使用了IE的“保存整页”功能。
答案 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的透明度。