音频文件执行完一次以后，css3动画图片消失问题
发布于 5 年前 作者 chaoxue 5550 次浏览 来自 问答

  1. 需求： 进入该页面，需要显示一个逐帧动画（一共三帧，改变图片背景），同时播放背景音乐

  2. 兼容问题： A. ios机型上，css3改变背景的动画能够执行，但是当背景音乐播放完一遍以后，该动画图片却消失了，该问题每次都可复现。

    B. 屏蔽掉音频，单纯只有css3动画，动画执行一段时间后，背景图片时隐时现。 测试机型：iphone6,iphone8（微信版本6.6.6）

  3. 代码片段css3动画：


    请问怎么解决这个问题？比较紧急，求解答....

3 回复

麻烦给个相关的代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html），我们定位下问题

推测是 iOS 系统渲染的一个 bug 导致的。目前暂时无法解决。

代码片段： wechatide://minicode/OhsUtNmg6XYr  精简代码段以后，没有每次都复现上述问题，但是还是会出现背景图片时隐时现的问题。目前解决方案是改用Canvas实现动画，没有上述问题

回到顶部