div überlappend fest div - CSS Opazität/Übergang

Question

Ich habe angefangen, mit Übergängen herumzuspielen und bin auf ein ziemlich großes Problem gestoßen. Ich habe eine Reihe von divs, die von 0 zu 1 Deckkraft wechseln, wenn der Benutzer über sie schwebt, das Problem ist, dass wenn das feste div, das die Navigation meiner Website enthält, sie überlappen - was bedeutet, dass der Benutzer nicht auf die Navigation klicken kann , wie unten auf der rechten Seite des Bildes gezeigt:

Wenn der Übergang endet es wieder in seinen normalen Zustand geht (wie auf der linken Seite des Bildes), aber sobald die Maus, um das ganze bewegt startet wieder, so dass es unmöglich ist, auf die Navigation zu klicken. Gibt es dafür eine Lösung? Oder wäre eine jQuery-Alternative die Antwort?

Ich kann den Code Im verwenden, wenn es irgendeinen Nutzen hat.

Answer 1

Legen Sie den Header-Z-Index fest. Das sollte das Problem lösen.

header{ 
z-index:999; 
}