Hallo, bin noch absoluter Anfänger in HTML und CSS und stoße gerade über ein Problem, was mir Rätsel aufwirft. Die Seite wurde mit CSS grid erstellt.
Die untere Navigation enthält ein Untermenü, was aber durch den goldbraunen Bereich darunter verdeckt wird. Ich habe allen grid items einen z-index von 0 zugeordnet und meinem Untermenü einen besonders hohen Wert, damit es in den Vordergrund rückt, funktioniert nur nicht. Um zu überprüfen, ob überhaupt korrekterweise ein Unterpunkt erstellt wurde, habe ich alle Hintergründe der darunter liegenden grid items entfernt. Der Untermenüpunkt "News11" ist jetzt zu sehen. Weshalb funktioniert hier z-index nicht? Würde mich freuen, wenn mir jemand helfen kann.
Hier der Code: https://jsfiddle.net/ocx9zf6m/
Hier mit entfernten Hintergründen: https://jsfiddle.net/gyhxgpfc/
Die untere Navigation enthält ein Untermenü, was aber durch den goldbraunen Bereich darunter verdeckt wird. Ich habe allen grid items einen z-index von 0 zugeordnet und meinem Untermenü einen besonders hohen Wert, damit es in den Vordergrund rückt, funktioniert nur nicht. Um zu überprüfen, ob überhaupt korrekterweise ein Unterpunkt erstellt wurde, habe ich alle Hintergründe der darunter liegenden grid items entfernt. Der Untermenüpunkt "News11" ist jetzt zu sehen. Weshalb funktioniert hier z-index nicht? Würde mich freuen, wenn mir jemand helfen kann.
Hier der Code: https://jsfiddle.net/ocx9zf6m/
Hier mit entfernten Hintergründen: https://jsfiddle.net/gyhxgpfc/