2

Зафиксировал header и стал наблюдать следующую проблему: некоторые объекты при скроллинге появляются на фиксированном объекте.

<div id="top_head" style="width: 100%; position: fixed; top: 0;">
<h4 class="c-white">
<span class="icon fa-heartbeat"></span> Site <span class="icon fa-heartbeat">
</h4>
</div>

Старт:

enter image description here

Далее:

enter image description here

Ещё:

enter image description here

1 ответ 1

1

Задайте для шапки свойство z-index - оно должно быть больше, чем у всех объектов, которые сейчас над вашей шапкой (например, больше, чем у блока Recaptcha).

Стили:

.header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}

И, соответственно, верстка:

<div class="header" id="top_head">
  <h4 class="c-white">
    <span class="icon fa-heartbeat"></span> Site <span class="icon fa-heartbeat"></span>
  </h4>
</div>

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.