내용 뒤에있는 바닥 글 CSS

Question

인터넷을 검색 한 결과 여기에서 작동하는 것을 찾을 수 없습니다.

내 꼬리말은 파이어 폭스를 제외한 모든 브라우저에서 내 주요 콘텐츠를 겉으로 드러내고 있습니다. 내 꼬리말 뒤에 내 꼬리말을 달고 싶습니다. 내가 만들고있는 사이트는 탄력적이어서 브라우저 창에 스크롤하지 않아도됩니다. 따라서 끈적 인 바닥 글이 내가 원하는 것인지 확실하지 않습니다. 그래서 나는 바닥 글에 여백을 음수로 설정했습니다. 블랙 박스 뒤쪽의 꼬리말로 페이지를 압축하고 싶습니다.

Answer 1

는 Z-index 속성을 사용해보십시오 :

Here's a jsFiddle demo 여기에 내가 그것을 모양을하고 싶은거야. 업데이트 된 내용보기 jsFiddle

Answer 2

Z- 색인을 사용하면 요소의 순서를 제어 할 수 있습니다. 추가 z- 색인 : -1; 여기가 당신이 찾고있는 결과입니다. http://jsfiddle.net/bd7Vy/3/

footer { 
    clear: both; 
    position: relative; 
    margin: -5em; 
    padding-top: 4em; 
    color: black; 
    width: inherit; 
    height: 3.2em; 
    background-color: #917266; 
    background-repeat: repeat-x;* 
    z-index:-1; 
}