z-index:1 steht vor z-index: 10

frankmehlhop · 15.11.2022

Ich habe eine Site und darauf eine Buttonleiste (z-index: standard).
Der jeweils aktive Button bekommt den z-index: 1.
Davor wird ein modales Fenster angezeigt mit z-index: 10.
Aber der Button mit z-index: 1 legt sich stets über das modale Fenster.
(wenn ich den Button wieder auf z-index: 0 setze ist er weg.)
Wie kann das sein?

Sempervivum · 15.11.2022

Die Sache mit dem z-index ist ein wenig kompliziert. Schau zunächst Mal ob Du hier eine Lösung für dein Problem findest:
https://stackoverflow.com/questions/47844127/css-z-index-stacking-context
Wenn nicht, müsste man sich das Problem im Zusammenhang ansehen, poste am besten die URL der betr. Seite.

basti1012 · 16.11.2022

Es kann auch sein, dass sie irgendwo ein Element nicht richtig, oder an der falschen Stelle geschlossen haben.
Wenn alles nichts hilft, dann bitte den Code oder Link posten, wie es schon geschrieben wurde.

Fehlerhaften HTML Code kannst du hier finden, falls du welchen hast.
https://validator.w3.org/nu/

frankmehlhop · 17.11.2022

Ich habe die Lösung gefunden.
Das Elternelement vom modalen Fenster braucht den z-index < button -z-index.
Danke!