CSS后台动画在上传到服务器时中断

Question

我遇到了一些CSS代码的问题，它似乎在本地主机上工作正常，它甚至可以在我从公共Dropbox页面查看时工作但是一旦通过FTP上传到服务器它似乎完全打破，动画背景无处可见。

有什么建议吗？这是CSS，我只需添加一个带有ID＆＃39; animatedbg＆＃39;的DIV标签。身体标签打开后，关闭之前。我想要动画的页面在这里：http://pixelcolony.co.uk

 #animatedbg{
    background: none;
    background-image: url('../images/moving-bg.png'), url('../images/moving-bg1.png');
    height: auto;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index:1;
    -webkit-animation: snow 50s linear infinite;
    -moz-animation: snow 50s linear infinite;
    -ms-animation: snow 50s linear infinite;
    animation: snow 50s linear infinite;
}
@keyframes snow {
  0% {background-position: 0px 0px, 0px 0px;}
  100% {background-position: 100px -500px, -200px -600px;}
}
@-moz-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px;}
  100% {background-position: 100px -500px, -200px -600px;}
}
@-webkit-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px;}
  100% {background-position: 100px -500px, -200px -600px;}
}
@-ms-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px;}
  100% {background-position: 100px -500px, -200px -600px;}
}