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

Question

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

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

在我的样式表的第 633 行。

当菜单向下折叠时，div #sidebar(第 426 行)在菜单下仍然可见。 #sidebar div 应该像#article div 一样位于菜单后面，#article 和#sidebar 都包含在#content div 中。但是 #sidebar div 只是位置设置为固定的两个 div 之一。

我应该更改什么以将#sidebar div 设置在菜单之外并且仍然固定其位置？这可能是 z-index 问题吗？这是 website link .

谢谢-索海尔

Answer 1

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

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