Задать вопрос
@Alex_mersvg

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

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

5f801ff070c25404423751.png
  • Вопрос задан
  • 54 просмотра
Подписаться 1 Средний Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Skillbox
    Веб-вёрстка 3.0
    3 месяца
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 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
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
ITK academy Нижний Новгород
от 50 000 до 90 000 ₽
FoodSoul Калининград
от 180 000 до 250 000 ₽
Data Directs Тель-Авив
от 350 000 ₽