3

を持つ 2 つの div に問題がありますposition: fixed。

ヘッダーを見ると、スクロールバーは奥にあり、ヘッダーはスクロールバーの上にあります。どうすればこれを修正できますか?

HTML:

<div class="BG1">
 <div class="Data"></div>
</div>

<div class="BG2">
 <div id="Header">
  <div class="Header_Data"></div>
 </div>
 <br />a<br /><br />a<br /><br />
</div>

コード: http://jsfiddle.net/Z6Pwg/

4

2 に答える 2

2

私はあなたの例を単純化しました: http://jsfiddle.net/uVjft/

したがって、実際にはposition: fixed別のブロックの中にブロックがあります。BG2また、スクロールバーは、実際にはオーバーラップできないウィンドウスクロールバーではなく、ブロックに対応しています。

これを修正するには、 divから削除position: fixedしてみてください: http://jsfiddle.net/Z6Pwg/1/BG2

于 2013-06-29T18:35:08.757 に答える
0

コードを含めるだけです 

  .BG2 #Header .Header_Data {
   width: 100%;
   height: 120px;
   overflow: hidden;
  background-color:#eee;

}

あなたのcssで問題を解決します。固定ヘッダーが必要な場合は、透明な背景を使用しないでください

ありがとう

于 2014-02-03T09:24:06.137 に答える