Как отобразить скрытый элемент через z-index: -1 внутри slick slider при наведении на ячейку слайдера?

Question

[alexeeey_kuznetsov]

Кнопка купить на товаре (ячейке слайдера) появляется при наведении.

Я ей просто добавлял абсолютное позиционирование относительно ячейки и высокий z-index. Но так как у слайдера стоит overflow: hidden, его не видно под слайдером. При добавлении overflow-y: visible появляется вертикальная прокрутка до этой кнопки.
Попробовал по-другому - менял на display:block при наведении, но происходят скачки под товарами, из-за добавления блока с кнопкой.
Есть возможность сделать так чтобы при наведении кнопка была видна полностью, при этом без вертикальной прокрутки?

Answer 1

[Roweb]

Дайте контейнеру нижний padding или не используйте абсолютное позиционирование

Comments

[alexeeey_kuznetsov]

Спасибо большое!
Помогло, но возникла немного другая проблема: у всей ячейки был box-shadow, а так как кнопка абсолютно спозиционированна, то ей эти свойства не применилось.
Вы ещё написали, что не используйте абсол. позиционирование - как можно без него обойтись?

[Roweb]

alexeeey_kuznetsov, можно скрывать display none/block, расстояние с низу компенсировать с помощью position:relative; top: -20px;