这是罕见的,它发生,并已为我们的最后几个版本的Chrome的错误,它似乎.是精灵图标从一个.png文件在我们的内部网络应用程序有时消失后,启动一个外部链接在一个新的标签,然后回到内部应用程序的Web浏览器标签。
这对我们的应用程序用户来说是令人沮丧的,因为他们不知道所有的图标都突然消失了,他们必须刷新浏览器选项卡来修复渲染问题。
有没有其他人在他们的网站或Chrome中的Web应用程序上看到过这样的精灵图标?
我们尝试过的修复;但是效果不好。我们把一个非常大的.png精灵表单分成了6个小的精灵表单,它们只有1000像素宽,600像素高,当这个bug再次发生时,(我们真的不能复制,只是运气),而不是所有的精灵不渲染突然,只有精灵图标从精灵表4和5出6总精灵表已停止渲染在屏幕上.
我们尝试的精灵表单方法在Chrome上已经工作了15年多,但只是在过去的6个月左右,这才成为一个问题。
另一种解决方案可能是我们尝试重新制作我们所有的图标作为SVG文件,但我们有很多精灵重新制作,将是一项艰巨的任务!
2条答案
按热度按时间8fsztsew1#
你需要做的是从photoshop中重新保存没有alpha通道的.png文件,它将始终在Chrome上正确渲染。
5m1hhzi42#
尝试使用.webp图像格式的精灵工作表,而不是因为只有IE不支持,但这对我们来说不是一个问题。如果在尝试这个新的图像格式,我们没有看到渲染问题后,几个月我会标记这作为一个答案。