关于 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(假设它位于其他所有内容之上)。
我的问题是我的菜单落在下方带有z index: 2 的行，即使它有z-index: 3，并且由于 fixed div 与 z-index: 1 我不能给它一个低于 2 的值!
我找到的唯一解决方案是，如果我使用 z-index: 2 从我的行中删除任何 z-index，但它会低于我的 fixed div 并且问题再次出现。
如果有人想看看以更好地理解我的问题，这是我正在进行的工作:http://www.johnmorganstudios.se/client-sevn
最佳答案
尝试使用
div#top-row {
z-index: 3;
我认为问题在于您尝试使用 z-index: 3 on 的元素与您正在使用 z-index: 2 on 的行不在同一级别，或者它与 z-index 冲突它上面的元素。
如果您查看带有 class .On-top-row 的 div#enhance，其中 z-index: 2 它是 article 元素的直接子元素。
但是，具有 .stickyheader 类的 div 位于 article 元素下方 2。
我看到 div#top-row 也有 .On-top-row 类，所以也许可以将该类更改为类似 .most-toppest-row with z-index: 3 的类。
关于css - 具有较高 z-index 的固定 div 仍然显示在下方，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40535677/