为什么z-index不适用于粘性元素？

Question

我在粘性页脚中有一些翻转效果，并且响应式菜单/导航贴在顶部。当导航打开并且足够长以覆盖页脚时，它将覆盖除翻转之外的所有内容。

nav closed http://www.musictheorytutorials.com/navclosed.png

nav open http://www.musictheorytutorials.com/navopen.png

我已经尝试了很多更改，在这里进行了搜索，然后尝试在jsfiddle中重建一个简单的版本，作为它无法工作的一个例子，它有效！但是，对我的实际页面进行这些更改不会......

以下是可行的jsfiddle：/ m_d_a / y7Lj3rms / 26 /

这是没有的rge jsfiddle：/ m_d_a / 4bLyt681 / 5 /

在切割和粘贴时，我无法让代码标签正常工作，抱歉。

我知道有很多javascript，其中大部分是剪切和粘贴链接的js插件文件，我不明白，所以我认为它会在那里。如果有人可以跋涉，我会非常感激。我还将更改此问题的标题，以反映将来帮助人们的工作答案。

谢谢。

Answer 1

只需在你的css中修改这个选择器

这

.menu {
  position: relative;
  z-indez: 100;
}

到

.menu {
  z-index: 100 !important;
}