背景图像动画不在Firefox中工作

Question

背景图片动画在Firefox中不起作用，我不想在动画中使用背景重复图像。

这是网址：http://trekoholic.com/site/

body {
    background:url(../img/bg.jpg);
    -webkit-animation: slide 30s linear infinite;
}

@-webkit-keyframes slide {
    0%{ background-position: left 20%; }
    25%{ background-position: 100px 0; }
    50%{ background-position: 200px 0; }
    100%{ background-position: 300px 0; }
  }

@-moz-keyframes slide {
    0%{ background-position: left 20%; }
    25%{ background-position: 100px 0; }
    50%{ background-position: 200px 0; }
    100%{ background-position: 300px 0; }
}

Answer 1

只需添加一行：

body{
 background:url(../img/bg.jpg);
-webkit-animation: slide 30s linear infinite;
animation: slide 30s linear infinite;
}