En traversant les limites d'un trop-plein: caché emballage

Question

peu d'un cornichon ici:

Got un grand carrousel de jquery.cycle, les diapositives dont div sont des éléments avec des charges de choses à l'intérieur d'eux.

balise brute:

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

Le problème est que la div doit avoir ensemble orverflow:hidden; « carrousel » sur elle pour éviter quelques bugs, mais je dois quelques-uns des éléments de certaines diapositives pour afficher les listes déroulantes sur mouseover, quand je le fais, la déroulante va au-delà des limites de l'enveloppe de carrousel et est coupée. Mon premier instinct était d'utiliser z-index, mais ça n'a pas marché.

Toutes les idées sur la façon « d'aller au-delà des obligations »?

Answer 1

Vous pouvez utiliser la position: absolute sur le bas de baisse, mais je ne le recommande pas.

Essayez de retirer le overflow: hidden; et mettre une hauteur et une largeur de suite.

Answer 2

vous pouvez aller à la position:. Absolue pour cette liste déroulante, mais il est laid

essayer de perdre overflow: hidden, et en utilisant overflow:. Au lieu visible, c'est la façon la plus correcte d'aller dans votre cas, Donno si la facilité ou il serait difficile