.webp Flink 的白色背景像下面的链接在iOS 14狩猎， chrome .
https://tcoz5.codesandbox.io/code
在桌面PC Chrome中，动画工作得很自然。
在iOS 14 Safari或Chrome中，动画效果不自然。
请问如何解决这个问题。
.webp Flink 的白色背景像下面的链接在iOS 14狩猎， chrome .
https://tcoz5.codesandbox.io/code
在桌面PC Chrome中，动画工作得很自然。
在iOS 14 Safari或Chrome中，动画效果不自然。
请问如何解决这个问题。
2条答案
按热度按时间b1zrtrql1#
我自己也刚碰到这个问题;看起来带有透明度的动画WebP在Safari中存在渲染问题。
到目前为止，我能找到的唯一解决方案是对所有版本的Safari使用APNG，对Firefox/Chromium使用WebP。
我创建了一个Webkit bug report，引用了这个问题
slsn1g292#
最近我做了一个网站，做一些像雷达图像的图片幻灯片，我用
<picture>与<img>.png回落与微妙的动画，并淡出。无论我做了什么，图片都会在iPad或iPhone的iOS 14上 Flink ，但不会加载回退img，在PC和Adnroid上一切都很好！
我确信我的iPhone加载图像的速度不够快，但最后我还是希望我能禁用动画。这就是问题所在！！！Ios 14只是不喜欢webp的动画。