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

Question

[Антон Вебсайтовский]

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

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

Answer 1

[Александр]

У Вас перекрывается блок со всем попапом блоком со свайпером. Выносите отображение попапа в другой элемент, который будет поверх всех (например в body). В этом может помочь либа для работы с тултипами, например floating-ui. Ну и никогда по ховеру такое не показывайте, только по клику.

Comments

[Антон Вебсайтовский]

По клику и стоит.

Если выводить в body, то там же цена и т.д, у каждого слайдера свое это всплывающее окно, вообщем тут надо будет через js, передавать тогда цену и т.д.

Да и по стилям нужно много менять, чтобы плашка эта привязывалась к данной кнопке, если она не рядом с кнопкой.