Attraversando i limiti di un overflow: hidden involucro

Question

'di una salamoia qui:

Si è un grande jquery.cycle giostra, le diapositive di cui sono div elementi con un sacco di roba dentro di loro.

ruvida markup:

<div id="carousel">
    <div class="slide">slide content</div>
    <div class="slide">slide content</div>
    <div class="slide">slide content</div>
</div>

Il problema è che il div "carosello" deve avere impostato orverflow:hidden; su di esso per evitare che qualche bug, però ho bisogno alcuni degli elementi in alcune diapositive a elenchi a discesa di visualizzazione al passaggio del mouse, quando faccio questo, il discesa va oltre i limiti dell'involucro giostra ed è tagliata. Il mio primo istinto è stato quello di utilizzare z-index, ma che non ha funzionato.

Tutte le idee su come "andare al di là dei legami"?

Answer 1

È possibile utilizzare position: absolute sul giù goccia, ma non consigliamo.

Provare a rimuovere l'overflow: hidden; e mettere un altezza e larghezza su.

Answer 2

si potrebbe andare con la posizione:. Assoluta per questo elenco a discesa, ma è brutto

provare a perdere overflow: hidden, e l'utilizzo di overflow:. Visibile, invece, è il modo più corretto per andare nel tuo caso, anche se Donno quanto facile o difficile che sarebbe stato