Jquery Firefox-悬停时的动画gif无法运行两次

悬停时，我想将背景图像设置为带有一个循环的动画gif。在mouseleave上设置初始背景图像。在Firefox第一次播放时，一切正常。但是，在第二次悬停时，不再播放gif。为什么?

html

---

为什么要使用jQuery？

#pic.su{background image:url（“normal.gif”）}#pic:hover.su{background image:url（“ani.gif”）}

@ChrisBurton您的想法并没有解决这个问题，也许右侧栏上的一些相关问题-->有一个解决方案。@vuvu使用只动画一次的动画gif，它仅在第一次悬停时显示动画，但在随后的悬停时显示静态图片。这就是问题所在吗？你认为只有Firefox能做到这一点，但Chrome也有同样的行为。

 <div id="pic"><div class="su"></div></div>

        $( "#pic" ).hover(
              function() {
                $('.su').css({backgroundImage : 'url("ani.gif")'});
              }, function() {
                $('.su').css({backgroundImage : 'url("normal.jpg")'});
              }
            );