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