Inhalt Pass über einen festen Header

Question

In meiner HTML-Seite, fest ich meine Header mit:

position : fixed 

Wenn ich nach unten scrollen, dann Inhalt meiner Seite Pass über den Kopf. Wie kann ich das beheben?

Answer 1

Angenommen, Ihre HTML ist die folgende:

<div id="header">...</div> 
<div id="content">...</div> 

Versuchen Sie, die folgenden CSS:

<style type="text/css"> 
    #header { 
    position:fixed; 
    z-index:1; 
    } 
    #content { 
    position:relative; 
    z-index:2; 
    } 
</style>