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

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

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

670df3551f6a5067370473.jpeg
  • Вопрос задан
  • 83 просмотра
Пригласить эксперта
Ответы на вопрос 1
Seasle
@Seasle Куратор тега CSS
У Вас перекрывается блок со всем попапом блоком со свайпером. Выносите отображение попапа в другой элемент, который будет поверх всех (например в body). В этом может помочь либа для работы с тултипами, например floating-ui. Ну и никогда по ховеру такое не показывайте, только по клику.
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Rocket Смоленск
от 80 000 до 130 000 ₽
ITooLabs Тула
от 35 000 до 40 000 ₽
move2usajobs.com LLC Лос-Анджелес
от 2 000 до 4 000 $
08 нояб. 2024, в 10:46
40000 руб./за проект
08 нояб. 2024, в 10:43
3000 руб./за проект
08 нояб. 2024, в 10:40
1000 руб./за проект