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; 

，也許這會解決您的問題。