페이지 하단의 래퍼 div 외부의 배경 이미지

페이지 하단에 가로 배경 이미지를 배치해야합니다. 내가 뭘 잘 작동 div "래퍼"많은 콘텐츠로 가득 차 있고 사용자 스크롤 막대가 나타납니다.페이지 하단의 래퍼 div 외부의 배경 이미지

콘텐츠가 거의없는 페이지에서 문제가 발생하며 래퍼 div가 짧습니다. 아래쪽에 이미지를 유지해야합니다.

여기 연습 트리 이미지가 바로 아래에 있어야 http://www.rmcl-usa.com/

에 결함이있는 페이지입니다. 다시 wrapper div가 사용자 해상도를 넘길 때 문제가되지 않습니다.

미리 감사드립니다.

2011-04-25 Lsdafjklsd

설정 바닥 글 사업부에서 다음 CSS :

position: absolute; 
bottom: 0; 
right: 0; 
left: 0;

는 Z- 인덱스에서 가장 낮은되도록, 다른 div를하기 전에 선언해야합니다.

출처

2011-04-25 05:04:56 GAgnew

올바르게 구현할 수 없습니다. 바닥 글 div를 말하면 배경 이미지의 div를 의미합니까? 이 솔루션은 콘텐츠의 양에 관계없이 기본적으로 짧은 div를 하단으로 확장하도록 강요합니까? 사과 – Lsdafjklsd

내가 바닥 글 div라고 할 때, div가 바닥 글 이미지를 감싸는 것을 의미합니다. 나는 우리 모두가 적절한 스타일을 사용하고 div에서 꼬리말을 감쌌다는 것을 알고 있기 때문에 이것을 말합니다. 또한, 아니, 이것은 아무것도 스트레칭되지 않습니다. 이것은 div를 하단으로 '떠 다니는'것입니다. 어떤 높이로 설정해도 유지되지만 페이지의 옆으로 너비 방향으로 늘어납니다. – GAgnew

일해 주셔서 감사합니다, 그렉! – Lsdafjklsd

가까이 몸 전에 오른쪽 하단에 하단 이미지 사업부를 이동 할

<div id="bottomimage" style="position:absolute;bottom:0;right:0;left:0;z-index:-10;position:fixed;">

것은 단지 일 :

이

position: absolute;bottom: 0;right: 0;left: 0;

파이어 폭스에서 나를 위해 그것을하지 않았다.

출처

2011-04-25 05:50:25 Jason

페이지 하단의 래퍼 div 외부의 배경 이미지

답변

관련 문제