позиционирование нижней части страницы и сохранение содержимого выше

Question

У меня есть следующий CSS, который позиционирует div в нижней части страницы.

Вопрос: Как я могу остановить контент, проходящий под ним?

#footer { 
    position:fixed; 
    bottom:0; 
    background:url(../images/bg-footer.jpg) top; 
    z-index:200; 
    height:34px; 
    width:100%; 
    line-height:34px; 
    padding:0; 
    font-size:11px; 
    color:#fff; 
} 

Я не могу добавить отступы к телу или что-нибудь, потому что у меня есть полноэкранный режим фонового изображения на месте в соответствии с этой обучающей программы:

http://css-tricks.com/how-to-resizeable-background-image/

Answer 1

попробуйте sticky footer

Answer 2

Вы пытались использовать: position:absolute; вместо этого?

Answer 3

Если Вы хотите оставить содержание , находящемся выше, то ваш нижний колонтитул должен быть начат, удалив положительную положительную лекку от z-index.

Answer 4

Если у вас есть подвал в качестве окончательного DIV страницы (возможно, завернутой в полной странице DIV), то попробуйте установить четкое свойство, как в вашем CSS, например:

ясно: как;

Который должен препятствовать падению ниже других нижних колонтитулов.