我的下拉菜单隐藏在 DIV 后面答案

【问题标题】：My dropdown menu hides behind DIV我的下拉菜单隐藏在 DIV 后面
【发布时间】：2015-12-03 19:31:22
【问题描述】：

我目前正在使用一个名为velocity 的wordpress 主题。我在内部工作，所以我的网站现在不在线。但是你可以看到here主题的实时预览。

问题是我的下拉菜单隐藏在这个由主题自动创建的 DIV 后面。我已经尝试在两个元素上使用 z-index，但它不起作用。

我没有更改菜单的代码，所以现在它必须类似于主题的实时预览。

我为我的 DIV（图像）添加的代码是这个：

    .title {
background-color:#291d1d;
width:100%;
margin-left:auto;
margin-right:auto;
background-color:#120404;
opacity:0.7;
padding:20px;
border-radius:5px;
opacity:0.7;
padding-top:40px !important;}

这是一个截图： http://i.stack.imgur.com/Gb4We.png

有解决这个问题的想法吗？

【问题讨论】：

你能提供 Fiddle 中的代码吗...？
请使用CSS中的zindex作为菜单和上层div
已解决 id。我的 DIV 在由主题自动创建的一行内，我输入 z-index:0 并解决了！

标签： css wordpress submenu

【解决方案1】：

你可以试试这个：

位置：绝对； z-index:9999999;

在你的下拉 UL 类中应用它

感谢

【讨论】：

【解决方案2】：

为您的菜单将 z-index 设置为更高的值。

例如：z-index:999;

【讨论】：

【解决方案3】：

您提供的 zindex 不够大，可能您需要检查 div 的 z-index 是什么，然后如果不确定图像 div 具有哪个 zindex，则从菜单中增加一个像一个非常大的数字一样使用

z-index: 9999999999;

【讨论】：

已解决 id。我的 DIV 在由主题自动创建的行内，我输入 z-index:0 并解决了！谢谢！