CSS动画背景不应用于整个页面

因此，我最近发现了CSS3真正令人兴奋的动画功能，并在我的网站背景中应用了一个动画：

我的问题是，动画仅适用于加载时在浏览器窗口中可见的页面部分。如果你转到上面的链接并向下滚动，你会看到我的意思，背景图像在网站的顶部是动画的，但不是当你向下滚动页面时

有人知道如何解决这个问题，使bg动画应用于整个页面吗

以下是我的CSS代码的相关部分：

body
{
background-image:url('images/patterntest2.jpg');
background-repeat:repeat;
-webkit-animation:bgscroll 20s infinite linear;
   -moz-animation:bgscroll 20s infinite linear;
    -ms-animation:bgscroll 20s infinite linear;
     -o-animation:bgscroll 20s infinite linear;
        animation:bgscroll 20s infinite linear;
}

/*////////////////////////////////////////////////
--------------------------------------------------
*   Animations
-------------------------------------------------- 
////////////////////////////////////////////////*/

@-webkit-keyframes bgscroll {
from {background-position:0 0;}
to {background-position:0 -520px;}
}

@-moz-keyframes bgscroll {
from {background-position:0 0;}
to {background-position:0 -520px;}
}

@-ms-keyframes bgscroll {
from {background-position:0 0;}
to {background-position:0 -520px;}
}

@-o-keyframes bgscroll {
from {background-position:0 0;}
to {background-position:0 -520px;}
}

@keyframes bgscroll {
from {background-position:0 0;}
to {background-position:0 -520px;}
}

---

使用Chrome，对我来说也很好。 但如果你有问题，我想你可以试着设置

background-size: cover;

---

也许这会解决你的问题。

Firefox 19在这里，它在整个页面上都能正常工作。动画是一项新功能吗？我们早在90年代就有了这种方式，当时地球城仍然存在。那时候很烦人，现在也很烦人。我在Windows7上也有Chrome最新版本（25.左右），它对我不起作用。如问题所述，滚动效果仅在最初可见的区域起作用。当你向下滚动时，它被破坏了。增加

背景尺寸：封面没有修复它。