代码之家 › 专栏 › 技术社区 › Christian Schlensker

IE8对透明PNG的渲染在我的网站上完全公开

internet-explorer-8 xhtml css

Christian Schlensker · 技术社区 · 16 年前

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

聚焦于左侧边栏背景图像。假设它是一个1x1半透明的.png图像,可以重复。IE8将其呈现为渐变!!!!当你试图在侧边栏上滚动你的窗口或鼠标时,它会变得更神奇。

我已经在普通浏览器(ie7、firefox和chrome)中测试过这个站点。它看起来和我设计的一模一样。不过,IE8已经发布了。我试图将IE8设置为“IE7”模式,但它看起来仍然很糟糕。IE7模式下的IE8显然与真实的IE7呈现方式不同。甚至“ie7元标签”也不行。

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

另外,请原谅这一页上的垃圾标记。我使用了IE的“保存整个页面”功能。

6 回复 | 直到 13 年前

Guffa 16 年前

这可能是IE8中的渲染错误,也可能是对重复图像边缘进行平滑处理的函数,从而产生意外的结果。不管怎样,使用如此小的图像会出现问题并不奇怪。您知道浏览器必须绘制190152次图像才能呈现页面吗?

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

Christian Schlensker 16 年前

我修正了这个错误,而不是其他文章提到的gamma问题。我的问题是由于图像大小是1x1像素。我刚把它改成1X2,它解决了这个问题。奇怪的

[编辑]我问了这个问题后,刚看到格法的帖子。见他的回答。

Community CDub 8 年前

可能想检查一下 this post .

Amit 16 年前

我和我正在建设的一个网站也有类似的问题。这个问题只发生在50%的测试过IE8的机器上,我是为一家IT公司建造的,所以可以使用很多计算机。我们能够通过在问题机器上切换硬件加速来“修复”问题,而不是说这真的是一个修复。

Drew 15 年前

谢谢你在这个问题上的帮助——真奇怪。

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

将源图像更改为具有相同不透明度的5x5px png修复了错误…走吧!

gcamp 13 年前

问题是我原来的巴布亚新几内亚是 1_1,无论出于什么原因,IE8 不喜欢尝试平铺处理alpha透明度同时。当我不小心救了那张图片有一个大得多的副本我在我的剪贴板上,100_100,它结束了修复任何问题互联网资源管理器正在处理巴布亚新几内亚的透明度。