CSS动画在Firefox中不起作用？

朋友们好，这是我的css代码

.create_animation{
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-image: url("animation/background.jpg"),url("animation/background.jpg");
    background-size: 100px 100px,100% 100%;
    background-repeat: no-repeat,repeat;
    animation: myfirst 5s 2s forwards;
    -moz-animation: myfirst 5s 2s forwards;
    -webkit-animation: myfirst 5s 2s forwards;
    -webkit-animation-delay: 4s;
    -moz-animation-delay: 4s;
}


@-moz-keyframes myfirst
{
0%   { -moz-opacity: 0.8; -moz-background-size: 100px 100px,100% 100%;}
25%  { -moz-background: url("animation/vahan1.png"), url("animation/background_girl.jpg"); -moz-background-position: 20px 90px, 0px 0px; -moz-background-repeat: no-repeat,no-repeat; -moz-background-size:  100px 100px,100% 100%;}
50%  { -moz-background: url("animation/vahan1.png"), url("animation/background_girl.jpg"); -moz-background-position: 40px 90px, 0px 0px; -moz-background-repeat: no-repeat,no-repeat; -moz-background-size:  100px 100px,100% 100%;}
100% { -moz-background: url("animation/vahan1.png"), url("animation/background_girl.jpg"); -moz-background-position: 60px 90px, 0px 0px; -moz-background-repeat: no-repeat,no-repeat; -moz-background-size:  100px 100px,100% 100%;}
}

---

此代码不适用于firefox此仅适用于chrome。

背景图像在firefox中不可设置动画。检查Firefox中的spec
背景图像是否不可设置动画。检查规格
清除
myfirst
关键帧中的每个
-moz
（但保留
-moz关键帧
）

例如：

但是，到目前为止，
背景图像在Firefox中还不能设置动画。
去掉
myfirst
关键帧中的每个
-moz
（但保留
-moz关键帧
）

例如：

但是，
背景图像
在Firefox中还不能设置动画。
您不需要在所有操作之前添加
-moz
<代码>背景
，
背景大小
和
背景重复
。我尝试在每件事之前添加-moz-之后不工作。去掉
我的第一个关键帧中的每一个
-moz
（但保留
-moz关键帧
）。你不需要在所有事情之前添加
-moz
<代码>背景
，
背景大小
和
背景重复
。我尝试在每件事之前添加-moz-之后不工作。清除
我的第一个关键帧中的每一个
-moz
关键帧（但保留在
-moz关键帧
）。请检查此url是否在firefox上工作@renishkhunt该示例正在设置
背景颜色的动画，而不是
背景图像的动画，请检查此url是否在firefox上工作@renishkhunt该示例正在设置
背景颜色的动画，而不是
背景图像的动画
@-moz-keyframes myfirst
{
  0%   { opacity: 0.8; background-size: 100px 100px,100% 100%;}
  25%  { background: url("animation/vahan1.png"), url("animation/background_girl.jpg"); background-position: 20px 90px, 0px 0px; background-repeat: no-repeat,no-repeat; background-size:  100px 100px,100% 100%;}
  50%  { background: url("animation/vahan1.png"), url("animation/background_girl.jpg"); background-position: 40px 90px, 0px 0px; background-repeat: no-repeat,no-repeat; background-size:  100px 100px,100% 100%;}
  100% { background: url("animation/vahan1.png"), url("animation/background_girl.jpg"); background-position: 60px 90px, 0px 0px; background-repeat: no-repeat,no-repeat; background-size:  100px 100px,100% 100%;}
}