CSS多個背景 - 一個重複

Question

CSS背景，我知道如何使CSS3的魔術工作，但這留下了舊的瀏覽器。我目前的代碼是...

body 
{ 
font-family    : "Helvetica Neue", "HelveticaNeue", Helvetica, Arial; 
font-size    : 11px; 
color     : #000; 
text-align    : center; 
margin     : 0;  
background    : url('images/background.jpg') top center no-repeat, url('images/grassBackground.jpg') center center repeat-y; 
background-size   : 100%; 
} 

grassBackground需要重複和背景是100％的寬度和保持比例。不知道如何讓它在沒有CSS3的情況下工作？

Answer 1

與修正：

html { 
height     : 100%; 
background    : url('images/grassBackground.jpg') top center repeat-y; 
background-size   : 100%; 
} 
body 
{ 
font-family    : "Helvetica Neue", "HelveticaNeue", Helvetica, Arial; 
font-size    : 11px; 
color     : #000; 
text-align    : center; 
margin     : 0;  
background    : url('images/background.jpg') top center no-repeat; 
background-size   : 100%; 
height     : 100%; 
}