Quer durch die Grenzen eines overflow: hidden Wrapper

Question

Bit einer Gurke hier:

Got ein großes jquery.cycle Karussell, die Schlitten, von denen div-Elementen mit vielen Sachen in sie.

Raute Markup:

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

Das Problem ist, dass das „Karussell“ div orverflow:hidden; Set zu haben hat auf es ein paar Fehler zu vermeiden, aber ich brauche einige der Elemente in bestimmten Folien Anzeige Dropdown-Listen mit der Maus darüber, wenn ich dies tun, die Drop-down geht über die Grenzen des Karussells wrapper und wird abgeschnitten. Mein erster Instinkt war z-index zu verwenden, aber das hat nicht funktioniert.

Alle Ideen, wie man „über die Anleihen gehen“?

Answer 1

Sie könnten Position verwenden: absolute auf der Dropdown, aber ich, dass es nicht empfehlen.

Versuchen Sie, den Überlauf zu entfernen: hidden; und legt eine Höhe und Breite auf.

Answer 2

Sie mit Position gehen könnten. Absoluter für die Drop-Down-Liste, aber es ist hässlich

versucht Überlauf zu verlieren: versteckt, und Überlauf mit:. Sichtbar statt, es ist die richtige Art und Weise in Ihrem Fall zu gehen, obwohl donno, wie leicht oder schwer es sein würde