Quer durch die Grenzen eines overflow: hidden Wrapper
-
02-10-2019 - |
Frage
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“?
Lösung
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.
Andere Tipps
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