当您向上滚动时，使一个固定的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

你可以在那里使用z索引作为你的优势。

给固定的div一个比你想要覆盖的内容更低的z索引值。

因此，例如：

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

试试看。

Answer 2

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

它将与position: fixed一起移动(当然是个孩子)。