css - 固定ヘッダーを介したコンテンツの受け渡し

Question

私のhtmlページで、ヘッダーを次のように修正しました：

position : fixed

下にスクロールすると、ページのコンテンツがヘッダーを通過します。どうすればこれを修正できますか?

Answer 1

HTML が次のようになっているとします。

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

次の CSS を試してください。

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