배경 이미지 높이 늘리기

Question

body{ 
background-image: url('image.jpg'); 
background-repeat: repeat-x; 
} 

같이 CSS에서 배경 이미지를 설정하고 있습니다. 그러나 페이지 높이가 증가함에 따라 배경 이미지 높이가 증가하지 않습니다. 이 문제를 어떻게 해결할 수 있습니까?

Answer 1

반복-X 만이 수직으로 원하는, 그래서 하나 간단하게 "반복"을 사용하여 수평 반복 (수직 및 수평으로 반복됩니다) 또는 는 "반복-Y"또한

당신이 당신의 CSS를 정리하고 배경이 단지 (난 당신이 드림위버와 같은 WYSIWYG 편집기를 사용하고 추측하고있어 사용에 영향을 30 가지 옵션을 가지고 있지하려는 경우 (수직 반복) 귀하의 CSS를 할, 내가 제안하고 IDE를, 나는 Aptana 스튜디오를 사용하지만, e는 좋은 옵션이 많습니다. 당신이 WYSIWYG 에디터를 피하기 경우

body{ 
background: url('image.jpg') repeat-y center top; 
} 

당신은뿐만 아니라 거기에 색상 값을 던질 수)는 "비 대한"스타일 시트를 방지하기 쉬울 것입니다.

Answer 2

변경 repeat-xrepeat에, 그것은 수평 및 수직으로 반복되도록 :

body{ 
background-image: url('image.jpg'); 
background-repeat: repeat; 
}