En traversant les limites d'un trop-plein: caché emballage
-
02-10-2019 - |
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 »?
La solution
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.
Autres conseils
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