페이지의 중앙에 다이나믹하게 DIV를 삽입하면 내 배경 이미지 strech를 만드는 방법

Question

본문에 적용 할 배경 이미지가 있습니다. 이미지는 아래쪽에만 있으며 페이지의 전체 너비까지 늘어납니다. 이미지는 1 X 320 픽셀입니다.

body { 
    background-image: url("../images/bg-main.gif"); 
    background-position: 0% 100%; 
    background-repeat:repeat-x; 
} 

나머지 웹 사이트는 1024 X 768 해상도입니다.

자바 스크립트를 사용하여 페이지 중간에 새 DIV를 동적으로 삽입 할 때까지 완벽하게 작동합니다. 브라우저 스크롤 막대가 나타나고 아래로 스크롤하면 이미지가 원래 위치에서 멈추는 것을 볼 수 있습니다.

페이지를 다시로드하지 않고도 이미지를 다시 내릴 수 있습니까? 나는이 IE 만 시도 추측 알랭

Answer 1

메신저 ... 페이지를 다시로드 피하기 위해

감사를의 ExtJS 프레임 워크를 사용하고 있습니다 :

background-position: 0 bottom; 

경우 "이미지에 대한 이해 아래쪽 만에 "문제가 해결 수있는 몸에 hasLayout의 원인이 실패 할 경우

이

의 조합을 시도 올바른지

body 
{ 
    width: 100%; 
    position: relative; 
}