2背景拉伸1背景

Question

有沒有辦法拉伸1背景。如果你已經設置了2？

body{ 

background-image: url(../images/pattern.png), url(../images/2.jpg); 
background-repeat: repeat, repeat; 
} 

喜歡的東西伸展不是第一個形象，但第二圖像（2.JPG）

的圖像需要被拉長100％

Answer 1

你可以做以下

body { 
    background-image: url(bg1.png), url(bg2.png); 
    background-repeat: repeat-y, repeat; 
} 

bg1.png（包含一個'1'）將被重新peated下來
bg2.png（包含一個單一的「2」）將跨越重複上下

Answer 2

使用下面的CSS，你可以重複第一個圖像下來，只有第二圖像是拉伸至100％

body { 
    background-image: url(bg1.png), url(bg2.png); 
    background-repeat: repeat-y, no-repeat; 
    background-size: 29 29, 100% 100%; 
} 

似乎有要與DOCTYPE組合的一些問題。以下CSS與DOCTYPE很好地結合在一起。

body{ 
    background-image: url('../images/pattern.png'), url('../images/2.jpg'); 
    background-repeat: repeat, no-repeat; 
    background-size: 29px 29px, 100% 100%; 
}