2 배경 스트레치 1 배경

Question

1 개의 배경을 늘릴 수있는 방법이 있습니까? 2로 설정했다면? 스트레치하지 첫 번째 이미지하지만 두 번째 이미지 (2.JPG)

이미지가 필요 같은

이

body{ 

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

뭔가가

Answer 1

당신은

을 다음을 수행 할 수 있습니다 100 % 늘어하기

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

bg1.png ('1'이 하나만 포함됨)
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%; 
}