Html Kopfzeile nicht oben

Question

Ich habe eine SPA-Anwendung, die eine feste Kopfzeile am oberen Rand der Seite anzeigen soll. Dies funktioniert normalerweise, außer dass es einige Seiten gibt, die beim Scrollen einige Inhalte der Seiten oben der Kopfzeile anzeigen (ich meine, aus der Sicht der Schicht, nicht die Position).

Zum Beispiel bestimmte divs sind durch die Kopfzeile versteckt, aber Tasten innerhalb dieser divs sind über der Kopfzeile angezeigt.

Gibt es eine Möglichkeit, den Header zu zwingen immer oben?

Danke !!

Answer 1

Ich denke, es geht um z-Index-Eigenschaft des festen Header .. erhöht die z-index Eigenschaft es so etwas wie 9999, so dass es immer über everylayer ist ..

Answer 2

Sie z-index für diesen Einsatz ..

HTML:.

<header></header> 

CSS:

header{ 
z-index:9999; 
} 

Der Wert von z-index sollte höher sein als der aller anderen Div s

Answer 3

Wie bereits erwähnt, kann Ihr Problem mit der CSS-Eigenschaft z-index behoben werden, aber ich glaube, die Ursache Ihres Problems liegt tiefer. Sie müssen Ihre Komponenten auf die CSS-Eigenschaft "position" prüfen. Es ist möglich, dass Sie sie bei einigen divs/Komponenten (zusammen mit dem z-index) nicht hinzugefügt haben.