Animation 背景css动画在firefox上不起作用

我有一些css动画按钮

.bottom_panel ul li.bottom_panel_button_04 {
    background: url('../img/bottom_panel_icons/ap_bottom_panel_back_button_01_131.png') center center no-repeat;
    -webkit-animation: myfirst 2s linear infinite;
    -moz-animation: myfirst 2s linear infinite;
    -ms-animation: myfirst 2s linear infinite;
    -o-animation: myfirst 2s linear infinite;
    animation: myfirst 2s linear infinite;
}

@-moz-keyframes myfirst {
    0% {background: url('../img/bottom_panel_icons/ap_bottom_panel_back_button_01_131.png') center center no-repeat;
    }
    50% {background: url('../img/bottom_panel_icons/ap_bottom_panel_back_button_01_131_on.png') center center no-repeat;
    }
    100% {background: url('../img/bottom_panel_icons/ap_bottom_panel_back_button_01_131.png') center center no-repeat;
    }
}

---

在Chrome上一切正常，但firefox无法启动此动画。。。有什么问题？

将

@-moz关键帧

替换为

@关键帧

，并为Saffari和Chrome（以及所有基于Chrome的浏览器）添加

@-webkit关键帧

。
您可以看到一个示例。

---

这是指向您的（工作）示例的链接。

为了更好地理解，您能在中展示一个示例吗？因为它对我来说很有用。请检查您使用哪一版本的Firefox@sandeep这个例子可以在我的浏览器中使用。我在windows的priv版本上检查它，但它仍然不起作用：（好的，我创建了一些小提琴。）