Cruzando los límites de un overflow: hidden envoltorio

Question

poco de un pepinillo aquí:

¿Tienes un gran carrusel jquery.cycle, las diapositivas de los cuales son elementos div con un montón de cosas en el interior de ellos.

Rough marcado:

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

El problema es que el div "carrusel" tiene que tener conjunto orverflow:hidden; en él para evitar algunos errores, sin embargo necesito algunos de los elementos en ciertas diapositivas a listas desplegables de visualización en mouseover, cuando hago esto, la desplegable va más allá de los límites de la envoltura carrusel y se corta. Mi primer instinto fue utilizar z-index, pero que no funcionó.

¿Alguna idea sobre cómo "ir más allá de los bonos"?

Answer 1

Se puede usar position: absolute en la caída hacia abajo, pero yo no lo recomiendo eso.

Trate de retirar el overflow: hidden; y poner una altura y anchura en.

Answer 2

se podía ir con la posición:. Absoluta para que la lista desplegable, pero es feo

tratar la pérdida de overflow: hidden, y el uso de desbordamiento:. En lugar visible, que es la forma más correcta de ir en su caso, donno aunque lo fácil o difícil que sería