Javascript 如何在html视图中创建图层（或增加图层的z索引）？

你能告诉我为什么我的菜单选项在滚动视图下面吗

实际上，当我点击菜单按钮打开菜单选项时，我的屏幕上有一个菜单按钮。它显示菜单选项，并在菜单选项上方滚动我的内容

菜单选项应该在滚动页面的上方？我已经增加了z指数，但不起作用

    .nav_bar {
    background: #597A4D!important;
    border-style: none;
    height: 44px;
    border: 0px!important;
    border-radius: 0px!important;
    z-index:99999;

}

我有自己的解决办法

Anwser-plunker

.nav_bar {
    background: #597A4D!important;
    border-style: none;
    height: 44px;
    border: 0px!important;
    border-radius: 0px!important;
    z-index:99999;

} 

---

菜单栏出现在滚动容器的后面，因为两个容器的堆栈顺序相同。指定z索引将为菜单元素提供更大的堆栈顺序

将z索引添加到列表项

.nav>li
{
    z-index: 1;
}

---

Samir想说的很简单，z-index表示元素在浏览器中显示的优先级。也就是说，如果你申请

.nav->li
{
   z-index: 1;
}

该元素的优先级高于其他元素。通过定义z索引，您可以定义元素显示的优先级，这样可以避免上述问题中描述的情况

---

据我所知，定义z-index没有限制

你在哪里/如何增加了z指数？我使用了z指数：99999；在菜单选项中，但它不起作用。我尝试在这个类中添加导航栏折叠折叠信息，开始，Z索引！=z索引和“在菜单选项中”没有任何意义。显示CSSi没有理解你想说的话？你能用一下吗plunker@Shruti您的固定代码与非工作代码是否相同？请考虑至少向OP解释一些单词，并进一步向读者解释为什么和如何回答原问题。