Z-index und mehrere dropdowns

Question

Ich füge ein neues Dropdown-div zu einem bestehenden WordPress-Theme mit einem eigenen Dropdown-Menü hinzu.

Das neue Dropdown-Menü wird aktiviert und von einem Bereich über dem Menü "herunterfallen".

Das Menü ist auf Z-Index: 99 eingestellt, aber egal welchen Wert ich "mein Dropdown" gebe, das Menü erscheint immer noch darüber.

Einzige Ausnahme ist, wenn ich das Menü z-Index geben: 0, dann sind alle außer gut funktionieren, dass das Dropdown-Listen-Menü, natürlich nicht überlappt Artikel weiter unten auf der Seite:/

Hilfe zu schätzen!

Update: Ich habe verschiedene Positionswerte ausprobiert, das Menü muss "relativ" sein, um zu arbeiten.

Das Dropdown ist jetzt absolut, aber relativ ergibt das gleiche Ergebnis.

Answer 1

Sie haben folgende in Ihrem styles.css Sheet auf line: 316 erklärt:

#section-tophat, #section-footer, #section-sub-footer { position: relative; z-index: 1; } /* Setup for :after double bgs below */ 

Sie Ihre #section-tophat-z-index:1 und damit auf einem niedrigeren Niveau als Ihre Menüeinstellung, so dass nur Ihre #section-tophat id aus dieser Zeile entfernen und dein Dropdown funktioniert gut.

Answer 2

z-Index nur auf Position arbeiten relative, absolute & fixed. Also geben Sie position:relative an Ihre dropdown DIV.

Answer 3

Haben Sie eine Beispielseite, die wir überprüfen können? Sie haben möglicherweise auch Stapelkontextprobleme.

Überprüfen Sie my answer about how z-index works.