Wie kann ich ein untergeordnetes Element eines Elements mit niedrigerem Z-Index vor ein untergeordnetes Element eines anderen Elements mit höherem Z-Index setzen?
Ich habe folgendes Setup:
<div style="z-index: 10">
<div>Whatever</div>
</div>
<div style="z-index: 9">
<div><div>Haaaleluia</div></div>
</div>
Natürlich ... Ich habe das Setup zu stark vereinfacht, aber das ist die Hauptidee. Die "Was auch immer" -Div wird von der "Haaaaleluia" -Div überlagert. Natürlich, weil der erste Elternteil einen größeren Z-Index hat, "was auch immer" sichtbar ist und "Haaaleluia" nicht.
Wie kann ich "Haaaaleluia" an die Spitze bringen, ohne das Setup zu ändern (und um klar zu sein, dass die Z-Indizes der Eltern beibehalten werden)?
Für diejenigen, die hier um Druck gebeten werden, ist es ... Danke auch für die Hilfe:
Die große schlechte Karte ist der zweite Teil.
Das Tutorial ist das erste div.
Das Feld mit den Befehlen ist ein untergeordnetes Element der Karte. Ich brauche es, um oben zu sein. Wenn ich die ganze Karte oben auflege, ist das Tutorial nicht mehr sichtbar. Wenn ich die Karte hinter dem Bestellfenster behalte, ist sie nicht mehr sichtbar.