当您向上滚动时，使内容div覆盖固定的div

Question

我在页面顶部有内容修复潜水，我想在向上滚动时让内容覆盖顶部的固定div，但保持固定以滚动顶部效果但是当我这样做你仍然可以看到内容上的固定内容。

您可以在http://hearthable.com处看到问题，当您向下滚动网站时，您会看到主徽标仍然可见，但我希望一旦您向上滚动它就不会在那里。

<div id="fixed-content>
 My logo content and background
</div>

<div id="main-content">
Where my main content goes
</div>

我需要的是主要内容向上滚动固定内容和固定内容，我把div固定为这样我可以获得固定内容滚动的效果。我也有固定内容的固定背景，但运行良好，但固定内容中的实际元素仍然可见。

Answer 1

您可以在position: absolute div上添加position: fixed的div！

随着position: fixed移动（当然是小孩）。

Answer 2

你可以在那里使用z-index

为固定div提供比您要覆盖的内容更低的z-index值

所以，例如：

#fixed-content {z-index: 1;}
#main-content {z-index: 99;}

试一试。