我们有一个很多图标的精灵,它是10564px x 80px。图标水平排列。
在除IE10之外的所有其他浏览器中,图标/图像在用作具有特定CSS的标签的背景图像时显示,以应用相关位置。
在IE10中查看时,它们根本不显示,实际上当您尝试直接从IE10中的URL查看png文件时,它也不会显示。
有什么想法吗?
答案 0 :(得分:2)
经过大量测试后发现,这是对PNG画布和IE10宽度的限制。
PNG图像可以正常工作,直到8000px宽,但不超过它,之后它们就不会渲染。
经过更多测试后,它与是否透明有关。具有透明度的PNG根本不显示,而没有透明度的图像显示为黑色块(画布)。
MS是否会解决这个问题还有待观察......我们生活在希望中!
我们的修复方法是将精灵的宽度减少到8000px,并将两行或多行图标/图像间隔很远。
答案 1 :(得分:0)
修复只是将每个单独的图像分离为最小尺寸,小于8000px宽;