HTML 태그와 BODY 태그를 사용하여 2 개의 타일링 배경 이미지를 사용하는 방법

Question

타일링 된 배경 이미지가 있지만 그 위에 다른 타일링 이미지를 오버레이하고 싶습니다. 나는 시도했다 :

html {background: transparent url('../images/bgtile.jpg') repeat top center;} 
body {background: transparent url('../images/body.png') repeat-y top center;} 

그러나 그것은 올바르게 작동하지 않는다. body 태그는 화면에 맞게 늘어나지 않기 때문에 div처럼 동작합니다.

나는 확실한 무엇인가를 놓치고 있다고 확신한다.

Answer 1

이을 (그것은 FF3와 IE7에서 작동 내가 사파리와 크롬을 가정)보십시오 :

html { 
    background: transparent url('../images/bgtile.jpg') repeat top center; 
    height: 100%; 
} 
body { 
    background: transparent url('../images/body.png') repeat-y top center; 
    height: 100%; 
    overflow-y: scroll; 
} 
html > body { 
    min-height: 100%; 
    height: auto; 
} 

Answer 2

가 왜 내에서 100 % 너비/높이에서 작동하지? 그것은 모든 브라우저에서 작동합니다.