Фиксированный нижний колонтитул скрывает текст выше

-5

Я строю веб-страницу, и мне нужен нижний колонтитул в конце страницы для исправления на странице. то есть когда я прокручиваю, чтобы оставаться внизу на странице.Фиксированный нижний колонтитул скрывает текст выше

CSS:

footer { 
    position: fixed; 
    bottom: 0; 
    right: 0; 
    width: 100%; 
}

Но результат в браузере неправильно. Нижний колонтитул скрывает текст выше.

http://i.imgur.com/2lXt0Bi.png

Как я могу показать это, как это? :

http://i.imgur.com/yY5RfE4.png

источник

2015-01-20 geortzan1

опубликуйте свой HTML, CSS и любые связанные с ним JS в скрипке. – ArinCool

может добавить некоторый край/дополнение: bottom-of-you-footer.px к телу или содержимому или к некоторым тегам, которые вы использовали там ; @ArinCool делает хорошую точку – RGLSV

Установите нижний колонтитул 'position: absolute'. – Mardzis

Добавление margin-botom к вашему основному содержанию (где текст, появляющийся) позволит решить эту проблему. value из margin-bottom будет равен вашему footerheight.

Проверьте это JSFiddle.

источник

2015-01-20 09:41:27 atiquratik

Если вы хотите липкий нижний колонтитул, вам нужно указать высоту нижнего колонтитула, а затем использовать эту высоту в качестве подкладки для вашего тела.

Например:

body { padding-bottom: 120px; } 

footer { 
    position: fixed; 
    bottom: 0; 
    left: 0; 
    right: 0; 
    width: 100%; 
    height:120px; 
}

источник

2015-01-20 09:44:38

Я использую изображение (плитку) для нижнего колонтитула фона. Как настроить высоту? – geortzan1

Вы имеете в виду, что вы используйте повторяющееся фоновое изображение? Могу ли я увидеть ваш css? –

Это правильно. Он отлично выглядит с краем. Спасибо за помощь. – geortzan1

Изменения г-индекс футера. Элемент с большим индексом z всегда находится перед элементом с более низким значением индекса.

.footer { 
    position: fixed; 
    bottom: 0; 
    left: 0; 
    right: 0; 
    width: 100%; 
    height:120px; 
    z-index:10; 
}

This и this имеют хорошие иллюстрации на Z-индекс и стек-упорядочивание. Кроме того, добавьте некоторые дополнения к контенту, чтобы он выглядел хорошо.

Cheers !!

источник

2015-01-20 09:54:32 nalinc

Фиксированный нижний колонтитул скрывает текст выше

ответ

Смежные вопросы