Cruzando los límites de un overflow: hidden envoltorio
-
02-10-2019 - |
Pregunta
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"?
Solución
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.
Otros consejos
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