Как показывать блок в карусели при наведении, если у контейнера overflow:hidden?

Question

[Peremir2]

В .descr есть текст который появляется при наведении на блок, но он уходит под контейнер, нужно чтобы он выходил за контейнер, и например не толкал нижестоящие блоки. Контейнеру задал overflow-x:hidden, а блоку при наведении margin-bottom:-20px, но все равно все не то. Как все это дело реорганизовать или допилить?

https://jsfiddle.net/owxtvc7p/

Comments

[iBird Rose]

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

Answer 1

[#rybak]

Попробуйте добавить в ваш пример эти стили:

.carousel  {
   height: 170px;
}
.carousel-wrapper {
   overflow: hidden; 
}
.carousel-block {
   padding-bottom: 100px;
   margin-bottom: -100px;
}

Вот похожее обсуждение на английском