Html 带z索引的菜单（转换）

我的标题中有一个菜单，但我有一个问题。 下面是我的一些代码：

HTML

所以有一个问题。如您所见，菜单显示在文本下。。。如果我设置z-指数：-2；对于文本，菜单变得无用

也许有人能帮我

编辑：

---

我忘了提到菜单也应该放在

后面。在CSS转换之后，您有一个z-index:-1。如果在JSFIDLE中整理代码，则更容易看到。移除它似乎可以实现您想要的。更新小提琴：

相关代码段，已编辑：

.topbar-dialog.hidden {
    font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-size:12px;
    background-color:#fff;
    box-shadow:0 2px 2px rgba(0, 0, 0, 0.2);
    z-index:999;
    position:absolute;
    text-align:left;
    border-left:1px solid #e0e0e0;
    border-right:1px solid #e0e0e0;
    border-bottom:1px solid #e0e0e0;
    margin-top:-450px;
    -webkit-transition:.5s;
}

---

您需要将z索引更改为正值。

我不知道这是否是一个好的解决方案，但它是有效的

首先，在div中添加一个新的divempty。 并考虑将位置更改为父div的相对位置。以下是CSS：

#menu{background:#D5D5D5;text-shadow:1px 1px 0 #eee;position:relative;}
#menu .layout{position:absolute;height:100%;width:100%;z-index:99;background:#D5D5D5}

然后，只需在菜单中添加一个z-index:2。

---

结果如下：

使用正的z-索引似乎有效-将z-索引设置为1，将z-索引从z-索引更改为：-1；z指数：100；看起来很好用。谢谢，但是我忘了提到菜单也应该放在菜单块后面谢谢，但是我忘了提到菜单也应该放在菜单块后面

.topbar-dialog.hidden {
    font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-size:12px;
    background-color:#fff;
    box-shadow:0 2px 2px rgba(0, 0, 0, 0.2);
    z-index:999;
    position:absolute;
    text-align:left;
    border-left:1px solid #e0e0e0;
    border-right:1px solid #e0e0e0;
    border-bottom:1px solid #e0e0e0;
    margin-top:-450px;
    -webkit-transition:.5s;
}

#menu{background:#D5D5D5;text-shadow:1px 1px 0 #eee;position:relative;}
#menu .layout{position:absolute;height:100%;width:100%;z-index:99;background:#D5D5D5}