z-index
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