这种情况很少发生，并且在最近几个版本的 chrome 上似乎一直是我们的一个错误...是我们内部 Web 应用程序上的 .png 文件中的精灵图标有时会在新的外部链接启动后消失。选项卡，然后返回内部应用程序。
这让我们的应用程序用户感到沮丧，因为他们不知道所有图标突然去了哪里，并且必须刷新浏览器选项卡才能解决渲染问题。
有其他人在他们的网站或 Chrome 中的 Web 应用程序上见过这种精灵图标吗？
我们已尝试过的修复；但效果不佳。我们将一个非常大的 .png 精灵表分成 6 个较小的精灵表，这些精灵表只有 1000 像素宽和 600 像素高，当错误再次发生时（我们真的根本无法复制，只是运气好）而不是全部精灵没有突然渲染，总共 6 个精灵表中只有精灵表 4 和 5 中的精灵图标停止在屏幕上渲染...
我们尝试过的 Sprite Sheet 方法在 Chrome 上已经工作了超过 15 年，但只是在过去 6 个月左右的时间里这才成为一个问题。
替代解决方案可能是我们尝试将所有图标重新制作为 SVG 文件，但我们有超过 200 个精灵需要重新制作，这将是一项艰巨的任务！
您需要做的是从没有 aplha 通道的 Photoshop 中重新保存 .png 文件，它将始终在 chrome 上正确渲染。