Div Position Fixed

Question

我遇到两个有position: fixed的div的问题。

如果查看标题，滚动条位于后面，标题位于滚动条的顶部。我该如何解决这个问题？

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/

Answer 1

我简化了您的示例：http://jsfiddle.net/uVjft/

所以实际上你在position: fixed阻挡了另一个。并且滚动条对应于BG2块而不是实际上不能重叠的窗口滚动条。

要解决此问题，请尝试从position: fixed div中移除BG2：http://jsfiddle.net/Z6Pwg/1/

Answer 2

只需添加代码

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

}

  

在您的CSS中它将解决您的问题，如果您想要一个固定的标题，请不要使用透明背景

---

由于