Hallo!

Wenn ich im neuen Forum auf das Vorschaubildchen klicke, sieht es so aus:

https://schauungen.de/Sonstiges/z-index/z-index_1.png

Die Navigationsleiste überdeckt das Bild (roter Kreis).

Ursache ist der z-index, der für die Navigationsleiste 1000 beträgt, für das vergrößerte Bild indes nur 30, siehe hier die blauen Kreise:

https://schauungen.de/Sonstiges/z-index/z-index_2.png

Entferne ich den z-index für die Navigationsleiste aus den CSS-Anweisungen vollständig, ist die Navigationsleiste, wo sie hingehört, nämlich hinter dem Bild:

https://schauungen.de/Sonstiges/z-index/z-index_3.png

Ich habe etwas herumprobiert. Die Leistenelemente verschwinden erst hinter dem Bild, wenn ich deren z-index von 1000 auf 20 heruntersetze. Insofern es aber keine anderen Elemente gibt, die von der Leiste überdeckt werden können und sollen, kann die Ausweisung eines z-index aber völlig entfallen. Der Rest des Forumskopfes hat offenbar auch keinen. So wie es aussieht, wurde die Linkleiste komplett aus dem alten Forum rüberkopiert, da hier auch z-index 1000 ausgewiesen ist.

Zur Erläuterung: der z-index definiert, wie "nahe" am Betrachter Seitenelemente auf der imaginären, aus dem Bildschirm herausragenden z-Achse der Seite liegen (x und y bezeichnen die Breite und Höhe des Viewports). Elemente mit höherem Wert überlagern Elemente mit niedrigerem Wert.

Gruß
Taurec

--
„Es lebe unser heiliges Deutschland!“

„Was auch draus werde – steh’ zu deinem Volk! Es ist dein angeborner Platz.“

Weltenwende