css - 当你向上滚动时，让一个固定的 div 被内容 div 覆盖

Question

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

您可以在 http://hearthable.com 查看发生的问题，当您向下滚动网站时，您会看到主要 Logo 仍然可见，但我希望一旦您向上滚动超过它，它就不会出现。

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

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

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

Answer 1

你可以在那里使用 z-index 来发挥你的优势

给固定的div一个比你想要覆盖它的内容低的z-index值

所以，例如:

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

试一试。