@Alex_mersvg

Неправильный контекст наложения?

Разбираю сайт https://5scontent.com/. И первый блок, который загружается при загрузке сайта это блок с видео, навигацией и большим заголовком по середине. Блок с классом c-home-header__fixed имеет z-index 3. След блок .c-home-header-video с индексом 2. Но при скролле через заголовок первая и третья строчка накладываются над видео,а вторая под видео, создается эффект, что видео через текст проходит. Как так получается, если верить контексту наложения то индексы элементов в этом контексте будут сравниваться по родителям, и результат должен быть - что заголовок - все три строчки индексом выше чем видео..

5f801ff070c25404423751.png
  • Вопрос задан
  • 51 просмотр
Решения вопроса 1
Benzin102
@Benzin102
Shitcoder
У них дублируется заголовок в двух блоках с разными z-index
У видео з-индекс 2
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
Psixodelik
@Psixodelik
Преподаватель на Hexlet
@media (min-width: 1000px)
.c-home-header__fixed {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}


Не похоже на z-index: 3
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы