0

关于 z-index，我已经陷入了一些我不太了解的事情。我已经阅读了很多关于 z-index 并不像人们猜想的那么直接的文章，所以在自己尝试了所有内容之后，我将尝试指定我的问题以期获得解决方案！

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

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

1 fixed div跟随滚动与z-index: 1.

1 行带有背景颜色z-index: 2（假设在fixeddiv 的顶部）。

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

我的问题是我的菜单位于行下方z index: 2，即使它有z-index: 3，并且由于fixeddiv 的原因，z-index: 1我不能给它一个低于 2 的值！

我找到的唯一解决方案是，如果我用 删除行中的任何 z-index ，但随后它落在我的divz-index: 2之下，并且问题再次出现。fixed

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

4

1 回答 1

0

尝试使用

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

}

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

如果您使用 .On-top-row 类查看 div#enhance ，其中您有 z-index: 2 它是您的文章元素的直接子元素。

但是，具有 .stickyheader 类的 div 比文章元素低 2 位。

我看到 div#top-row 也有 .On-top-row 类，所以也许可以将该类更改为 .most-toppes-row 与 z-index: 3 之类的东西。

于 2016-11-10T20:58:16.230 回答