Loading...
Графика/Дизайн | Фиксация шапки
Вот есть код

.block {
z-index: 0;
margin: 0 auto;
width: 100%;
}
.head {
z-index: 9999;
position: fixed;
padding: 5px;
background: purple;
color: white;
font-weight: bold;
}
---------
<div class=block>
<div class=head>Logo.ru</div></div>

Все что после данного кода,уходит под шапку,тоесть если ето текст ,то начало прячется по шапку)
Выходит что фиксированная шапка стоит поверх,как это исправить?
Джон Константин (25.01.2018 в 00:33)
Вот есть код

.block {
z-index: 0;
margin: 0 auto;
width: 100%;
}
.head {
z-index: 9999;
position: fixed;
padding: 5px;
background: purple;
color: white;
font-weight: bold;
}
---------
<div class=block>
<div class=head>Logo.ru</div></div>

Все что после данного кода,уходит под шапку,тоесть если ето текст ,то начало прячется по шапку)
Выходит что фиксированная шапка стоит поверх,как это исправить?

Это происходит из за z-index так как твоя шапка находится поверх всего остального.
Как вариант можно вставить перед текстом пустой блок высотой с шапку ну или просто отступить от верха. к блоку с текстом добавить margin-top: высоташапки;
________
посл. ред. 25.01.2018 в 01:02; всего 2 раз(а); by Master zpank
Онлайн: 2
Время:
Gen. 0.0747
(c) Bym.Guru 2010-2026