IE 10& PNG文件作为背景图像

时间:2013-10-07 16:43:21

标签: image internet-explorer background png internet-explorer-10

我们有一个很多图标的精灵,它是10564px x 80px。图标水平排列。

在除IE10之外的所有其他浏览器中,图标/图像在用作具有特定CSS的标签的背景图像时显示,以应用相关位置。

在IE10中查看时,它们根本不显示,实际上当您尝试直接从IE10中的URL查看png文件时,它也不会显示。

有什么想法吗?

2 个答案:

答案 0 :(得分:2)

经过大量测试后发现,这是对PNG画布和IE10宽度的限制。

PNG图像可以正常工作,直到8000px宽,但不超过它,之后它们就不会渲染。

经过更多测试后,它与是否透明有关。具有透明度的PNG根本不显示,而没有透明度的图像显示为黑色块(画布)。

MS是否会解决这个问题还有待观察......我们生活在希望中!

我们的修复方法是将精灵的宽度减少到8000px,并将两行或多行图标/图像间隔很远。

答案 1 :(得分:0)

修复只是将每个单独的图像分离为最小尺寸,小于8000px宽;