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

Question

所以我最近发现CSS3的真正令人兴奋的动画功能和应用动画到我的网站的背景：

http://ryanhammond.us/

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

有谁知道解决这个问题，这样bg动画适用于整个页面？

这里是我的CSS代码培训相关部分：使用Chrome

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;} 
} 

Answer 1

，它的工作对我罚款以及。 但是，如果你有一个问题，我想你可以尝试设置

background-size: cover; 

，也许这会解决您的问题。