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