将z-index设置为高于父级

Question

我有两个div .navbar和.content。 .navbar已修复，滚动时.content覆盖.navbar。

JSFiddle演示是here.请将结果面板放大，这样就不会显示移动菜单。

但是当我打开下拉菜单时，它隐藏在.content下。即使我在下拉菜单中设置了比.content更高的z-index，它也无法正常工作。它只是它的工作方式，还是我错过了什么？在没有修改HTML的情况下是否有任何修复？

更新：

.content div在滚动时应覆盖.navbar div，与演示完全相同。

Answer 1

为.content设置z-index：1，为.navbar设置z-index：2 http://jsfiddle.net/7D77j/1/

Answer 2

CSS：

.content {
      z-index: 1;
}

.navbar {
     z-index: 2;
}

.navbar z-index小于您的.content z-index，这就是为什么下拉列表不会高于内容div

Answer 3

只需使用此css：

.navbar{
    z-index:3;
}

演示：http://jsfiddle.net/lotusgodkk/7D77j/2/

Answer 4

然后你应该移除.navbar-fixed-top类和body上的填充 http://jsfiddle.net/7D77j/6/