css - 页面滚动？也许 z-index？

Question

大家好，我确定这个问题已经出现在某个地方，但我不确定使用正确的词汇来搜索我正在寻找的内容。所以我收集网页并将它们用于元素的灵感，并遇到了 website with a scrolling feature

我看到的是当您向下滚动主页时​​，会越过标题视频的顶部。我认为它很时尚，但我一直在开发人员工具上打开和关闭复选标记，看看他们是如何做到的，我确信它与 z-index 有关，但我有点难过。可能是因为现在是凌晨 1 点。

抱歉这个菜鸟问题，我只是真正了解前端的东西。

如有任何帮助，我们将不胜感激。

-本

Answer 1

是的，div id="content" 有 z-index: 30。此外，div id="video-container" 有 position: fixed;顶部:0。

编辑:请注意，如果您取消选中 #content 的 z-index，它不会改变任何内容(至少对我来说在 Chrome 中不会)，因此这可能是多余的，除非他们对使用它的其他页面进行其他操作。但是，如果您更改 #video-container 使其具有更高的 z-index，那么它将位于其他内容之上。