javascript - 如何在html View 中创建图层(或增加图层的z索引)？

Question

您能告诉我为什么我的菜单选项位于 ScrollView 下方吗？

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

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;
}