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

问题描述：

您能否告诉我为什么我的菜单选项在滚动视图下方？如何在html视图中创建图层（或增加图层的z索引）？

其实我有我的屏幕上一个菜单按钮，当我打开菜单按钮的点击菜单选项。它显示菜单选项，然后滚动我争我争滚动菜单选项

enter image description here 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; 

}

你在哪里/你是如何增加Z指数的？ –

我用Z-index：99999;在菜单选项中，但它不工作。我尝试在这个类中添加navbar-collapse折叠在 – Shruti

作为开始，Z-index！= z-index和“in menu option”意味着什么。显示CSS –

答

，因为这两个容器在同一堆叠顺序的菜单栏将出现滚动容器的后面。指定z-index会给菜单元素更大的堆栈顺序。

将z-index添加到列表项目。

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

请考虑在OP中添加至少一些词语解释，并让更多读者回答为什么以及如何回答原始问题。 –

答

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

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

该元素将具有更高的优先级，然后其他元素。通过定义z-index，您正在为元素的显示定义优先级，这样可以避免上述问题中所述的情况。

对于定义z-index我没有限制。

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

相关推荐