gif图在设置为background属性之后为什么不动了？在img的src里引入也是如此。

Question

<i class="left">
   <i class="left-arrow"></i>
   <img class="inner-sound" src="../../assets/img/sound.gif">
</i>

CSS:

.inner-sound{
    position:absolute;
    display:inline-block;
    top: 0.4rem;
    left: 0.625rem;
    width:0.5rem;
    height:0.625rem;
}

或者

<i class="left">
   <i class="left-arrow"></i>
   <i class="inner-sound"></i>
</i>

CSS:

.inner-sound{
    position:absolute;
    display:inline-block;
    background:url('../../../assets/img/sound.gif') no-repeat;
    top: 0.4rem;
    left: 0.625rem;
    width:0.5rem;
    height:0.625rem;
}

图片：

Answer 1

把你的图片发出来测一下

Answer 2

gif图有个loop属性，你的图loop=false。
看我下面的链接一个播放一次就不播放了，一个一直循环播放