1

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 を逆にしないで動作させる方法がわかりませんか?

4

1 に答える 1

0

以下で修正:

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%;
}
于 2013-09-05T14:11:29.750 に答える