Question

目前我有一个如下所示的结构：

<div id="header">
</div>
<div class="hook">
</div>
<div class="navbar">
</div>
<div class="content">
</div>

其中标题绝对位于顶部，挂钩固定，导航栏绝对定位，内容相对定位。滚动时如何让钩子出现在所有东西后面？目前我唯一的麻烦就是让内容出现在前面;定位它绝对是诀窍，但如果可能的话，我想保持相对。

Answer 1

您可以合并position: relative和z-index: something-bigger-than-one。除非我误解你，否则应该这样做？

这是一个很难看的演示：）

Answer 2

使用CSS运算符;

z-index: n;

你可以设置它的＆＃34;层＆＃34;，我总是想象这些几乎像一个三明治，我相信（但不要引用我这个），我认为分层工作的方式默认是标准的堆叠，直到你定义它们。我希望这张图片可以帮到你;

你可以在这里看到蓝色元素将位于所有内容之上，然后是红色元素，然后是黑色元素。