我们有许多图标的精灵，大小为 10564 像素 x 80 像素。图标水平排列。
在除 IE10 之外的所有其他浏览器中，图标/图像在用作具有特定 CSS 的标签的背景图像时会显示以应用相关位置。
在 IE10 中查看时，它们根本不显示，实际上，当您尝试直接从 IE10 中的 URL 查看 png 文件时，它也不会显示。
有任何想法吗？
问问题
1281 次
2 回答
2
经过大量测试，事实证明这是对 PNG 画布和 IE10 宽度的限制。
PNG 图像可以工作，并且可以在 8000 像素宽之前查看，但仅此而已，之后它们就不会渲染。
经过更多测试，这与它们是否透明有关。具有透明度的 PNG 根本不显示，而没有透明度的图像显示为黑色块（画布）。
MS是否会解决这个问题还有待观察......我们生活在希望中！
我们的解决方法是将精灵的宽度减小到 8000 像素，并让两行或多行图标/图像间隔良好。
于 2013-10-07T16:43:20.980 回答
0
修复只是将每个单独的图像分离为具有最小尺寸的单个图像，其宽度将小于 8000 像素；
于 2014-03-20T10:17:18.060 回答