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

Всплывающее окно при клике, не всплывает поверх слайдера Swiper, как исправить?

Реализовал из слайдера переключение контента и главной фотки на весь экран.
У контента есть кнопка (смотреть), при клике, всплывает окно, но он всплывает не поверх, а под блоками слайдера.
Я не могу понять почему не выходить сделать всплывающее окно поверх, пробовал по разному, пока не понял в чем проблема.

Рабочая схема тут:
https://codepen.io/AXOT/pen/RwXpyab

670df3551f6a5067370473.jpeg
  • Вопрос задан
  • 92 просмотра
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 1
Seasle
@Seasle Куратор тега CSS
У Вас перекрывается блок со всем попапом блоком со свайпером. Выносите отображение попапа в другой элемент, который будет поверх всех (например в body). В этом может помочь либа для работы с тултипами, например floating-ui. Ну и никогда по ховеру такое не показывайте, только по клику.
Ответ написан
Ваш ответ на вопрос

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

Похожие вопросы