使用关键帧更改背景图像，切换到其他应用程序后背景图像为白色并返回浏览器
Change background image using key-frames, background image is white after switching to other app and go back to browser
我正在使用关键帧来更改 div 的背景图像，目前一切顺利，图像的变化符合我的预期。
但是，在 iOS 设备上，当我切换到其他应用并返回浏览器时，背景图像消失了。
iOS 版本：14+
测试于 iPhone 7、8、11。
已测试浏览器：Chrome、Safari。
这不会发生在 Android。
您可以查看此 fiddle 并自行测试。
感谢任何帮助！
如评论部分所述，我将其作为答案放在这里。
由于background-image不是animatable property，不建议将background-image放在关键帧中。相反，尝试将每个图像分开 div，然后使用关键帧来控制每个图像的 opacity。
我正在使用关键帧来更改 div 的背景图像，目前一切顺利，图像的变化符合我的预期。
但是，在 iOS 设备上，当我切换到其他应用并返回浏览器时，背景图像消失了。
iOS 版本：14+
测试于 iPhone 7、8、11。
已测试浏览器：Chrome、Safari。
这不会发生在 Android。
您可以查看此 fiddle 并自行测试。
感谢任何帮助！
如评论部分所述，我将其作为答案放在这里。
由于background-image不是animatable property，不建议将background-image放在关键帧中。相反，尝试将每个图像分开 div，然后使用关键帧来控制每个图像的 opacity。