3

为什么菜单下拉隐藏在jQuery按钮后面？

在此处输入图像描述

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #465c71;
    border: 1px #4e667d solid;
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
    position: relative;
    z-index: 9999;
}
4

4 回答 4

8

我也遇到了这个问题。我找到了原因和解决方案。

原因：该按钮在菜单之后呈现，但它已被一些附加元素包裹jquery-ui，因此它z-index已增加。

解决方案：为了克服这个问题，我们可以增加z-index菜单（比减少z-index很多按钮更好的方法）。但请记住

“z-index仅适用于定位元素（position:absolute、、position:relative或position:fixed）”

所以我们也需要定位我们的菜单。这是我的代码：

<div style="position:relative;z-index:99"> MENU HERE </div>
于 2012-12-06T02:15:09.357 回答
1

也试试这个

div.menu 
{

   z-index : 9999;
}

好像您只是将活动的 li 设置为 z-index .. 不活动的会发生什么

于 2012-10-03T17:40:36.693 回答
1

我有一个 jquery 组合框插件，如果父 div 不够大，它不会显示完整的下拉列表。经过大量研究并弄乱了 z-index 和其他东西，我发现我需要将父 div 溢出更改为“可见”。如果您遇到同样的问题，也许这会对某人有所帮助。

于 2016-07-20T16:35:47.963 回答
0

您可能想要检查您的列表的 z-index 是否高于您的按钮，如下所示

div.menu ul li {
 z-index:999;
}

.yourbutton {
 z-index: 1;
}

但是粘贴您的html代码供我们查看。

于 2012-10-03T17:42:41.673 回答