Как обойти overflow hidden элемент у которого позиция absolute?

Question

[Даниил Конев]

Все привет.
У меня есть подложка ::before c позицией absolute, которая показывается при hover на блок товара, часть этого блока обрезается в слик слайдере, за счет того, что там на slick-list ставится overflow hidden, из-за это по краям немного блок обрезается.

Как решить вопрос ? Пробовал z-index, но что-то не выходит.



Смотреть тут: https://fabrika-kresel.site/ofisnye-kresla/
пс. пока работаю с версией 1920px, на других экранах может быть неккоретно.

Comments

[Ankhena]

Как решить вопрос ?

В общем-то банально: задать размер и паддинги родителю так, чтобы тень помещалась внутрь

[Даниил Конев]

Ankhena, Я так и сделал для padding-top и bottom. И для боков делал. Но сейчас понял, что боковой паддинг нужен и продукт бокс уменьшить, тогда поместится.

[Ankhena]

Даниил Конев, прекрасно :)

Answer 1

[venomprog]

Обычно в подобных ситуациях либо добавлял отступ Padding слева, чтобы полностью подложка была видна.
Либо же сам контейнер слайдера увеличивать и товары более по центру держать.
Типа: контейнер 700пх а сами товары внутри контейнера, который 600пх, чтобы по бокам было по 50пх для твоей подложки.
**Возможно не сработает из-за специфики слайдеров и слайды будут неправильно скроллиться**