@MaksZhukov
programer

Как избавиться выйти элементу из overflow: hidden?

Есть слайдер с товарами:
5a69c081e209f056360472.png
При наведении на товар я его увеличиваю и там дополнительные блоки появляются, но их перекрывает overflow: hidden
5a69c0e232f9c444087308.png
Если отключить overflow: hidden, то появляются товары с правого и левого краю а сам товар на который наведен курсор отображается как мне нужно:
5a69c1437543a203938127.png
Вопрос, как сделать чтобы правые и левый товары не отображались и товар не обрезался при наведении, должно быть что-то типо такого:
5a69c1c0e5128331291199.png
  • Вопрос задан
  • 155 просмотров
Решения вопроса 1
on_click
@on_click
так можно решить обрезание снизу
.novelties_products {
	margin-bottom: -65px;
	position: relative;
	z-index: 3;
}
.slick-track {
	padding-bottom: 65px
}

аналогично с боковым
.slick-list {
	padding: 0 50px;
	margin: 0 -50px;
}
единственное, тут будут видны следующие слайды, их можно перекрыть псевдоэлементами к примеру
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы