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

Question

你能否告诉我为什么我的菜单选项位于滚动视图下方？

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

http://plnkr.co/edit/G8mp53rQlF562hEkgmgT?p=preview

菜单选项应该在滚动竞争之上吗？我已经增加了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;

} 

Answer 1

菜单栏显示在滚动容器后面，因为两个容器处于相同的堆栈顺序。指定z-index将为菜单元素提供更大的堆栈顺序。

将z-index添加到列表项。

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

Answer 2

Samir试图说的很简单，z-index暗示了元素在浏览器中显示的优先级。这意味着，如果你申请

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

元素的优先级高于其他元素。通过定义z-index，您可以通过这种方式定义元素显示的优先级，从而避免上述问题中描述的情况。

我知道定义z-index没有限制。