菜单下拉菜单下的div可见性

Question

我对以下媒体查询的菜单有疑问：

@media all and (min-device-width: 481px) {
  .flexnav-show {
    margin-top: 0px !important; } }

在我的样式表中的第633行。

当菜单向下折叠时，div #sidebar（第426行）仍在菜单下可见。 #sidebar div应该在菜单后面，＃article div也是如此，＃object和#sidebar都包含在#content div中。但是#sidebar div只是其位置设置为固定的两个中的一个。

我应该改变什么来设置#sidebar div超出菜单并仍然有其固定的位置？这可能是一个z指数问题吗？这是website link。

由于 -Sohail

Answer 1

z-index问题在层次结构的更上层，您需要在#headerWrapper元素上放置一个高z-index。

不是太高，因为我想你会想要模态窗口仍然位于标题之上，但可能不是很多。

Answer 2

具有position:fixed的元素具有比静态元素更高的堆叠上下文，这就是侧边栏显示在菜单上的原因。减少固定元素容器的z-index似乎解决了问题

What No One Told You About Z-Index值得一读。