修复了 div 较高的 z-index 仍然显示在下方

Question

关于 z-index，我陷入了一些我不太了解的事情。我已经阅读了很多关于 z-index 并不像人们猜测的那么直接的信息，所以在我自己尝试了一切之后，我会尝试指定我的问题，希望能找到解决方案！

对我来说，它归结为 4 个使它变得复杂的项目：

1 行，背景颜色为 z-index: 0。

1 fixed div 随后滚动 z-index: 1.

1 行背景颜色为 z-index: 2（假设位于 fixed div 之上）。

1 fixed menu 和 z-index: 3（假设在其他所有内容之上）。

我的问题是我的 menu 落在下面 z index: 2 的行，即使它有 z-index: 3 ，并且由于 fixed div 和 z-index: 1 我不能给它一个低于 2 的值！

我发现的唯一解决方案是，如果我用 z-index: 2 从我的行中删除任何 z-index，但它会落在我的 [=12 以下=] div 问题又重复了。

如果有人想看一下以更好地理解我的问题，这是我正在进行的工作：http://www.johnmorganstudios.se/client-sevn

Answer 1

尝试使用

div#top-row {
z-index: 3;

}

我认为问题在于您尝试使用 z-index: 3 on 的元素与您正在使用 z-index: 2 on 的行不在同一级别，或者它与 z 冲突- 其上方元素的索引。

如果您查看 div#enhance with class 。在您拥有 z-index 的顶行：2 它是您的文章元素的直接子元素。

但是，带有 .stickyheader class 的 div 比文章元素向下 2。

我看到 div#top-row 也有 .On-top-row class 所以也许可以将 class 更改为 .most-toppest-row with z -索引：3.

Fixed div with higher z-index still shows beneath