animation更换背景图 图片消失 是什么原因？

ios下图片会消失
安卓机没有发现问题

@keyframes drinkAni
 {
    0%{
        background-image: url(img/drink1.png); 
    }
    50%{
        background-image: url(img/drink2.png); 
    }
    100%{
        background-image: url(img/drink3.png); 
    }
}

.drinks{
                width: 2rem;
                height: 2rem;
                display: block;
                top: 2.4rem;
                left: -0.2rem;
                position: absolute;
                background-image: url(img/drink1.png);
                background-size: 100% 100%;
                animation:drinkAni 2s infinite;
            }

是这样使用的

css animation背景图切换在iOS下的bug_躺在家里不用干活的博客-CSDN博客 animation切换背景图在iOS的休眠转态重新唤醒时造成背景图为空1. 首先遇到的问题有个项目需要用css animation 来切换背景图，简单来说就是这样：@keyframes toggle-bg{ from{ background-image: url(img/bg1.png); } to{ background-image: url(img/bg2.pn... https://blog.csdn.net/weixin_29491885/article/details/100129806

@keyframes drinkAni
                {
                    0%{
                        /* background-image: url(img/drink1.png); */
                    }
                    33.333%{
                        background-image: url(img/drink1.png); 
                    }
                    66.666%{
                        background-image: url(img/drink2.png); 
                    }
                    100%{
                        background-image: url(img/drink3.png); 
                    }
                }
            .drinks{
                width: 2rem;
                height: 2rem;
                display: block;
                top: 2.4rem;
                left: -0.2rem;
                position: absolute;
                background-image: url(img/drink1.png);
                background-size: 100% 100%;
                animation:drinkAni 2s steps(1,start) infinite normal;
            }

目前问题已解决 修改结果是这样的 添加了animation:drinkAni 2s steps(1,start) infinite; 效果可以实现 其实原理还是没有理解。。。