Drupal Nice Menus 下拉菜单被下面的内容隐藏

【问题标题】：Drupal Nice Menus dropdown hidden by content belowDrupal Nice Menus 下拉菜单被下面的内容隐藏
【发布时间】：2015-07-07 21:42:10
【问题描述】：

我已经使用 Nice Menus 模块设置了 Drupal 菜单，但我的下拉菜单显然被它下面的内容隐藏了。我已经尝试了各种我能想到的 z-indexes 和 overflow:visible ，但我无法让它工作。使用 Firebug，我可以看到 jQuery 正确地将显示更改为阻止并将可见性更改为可见，但子菜单仍然隐藏。

这里是开发站点，您可以在其中查看 HTML/CSS：http://tentenstudios.com/clients/hshf/。带有下拉列表的菜单项是“组信息”。

【问题讨论】：

标签： javascript jquery css drupal

【解决方案1】：

我通过 firebug 在您的开发站点中尝试了此操作，并且成功（firefox 38.0.5）：删除行类中的溢出属性 1220.css 第 15 行

.row {
    margin: 0 auto;
    max-width: 1220px;
    min-width: 755px;
    width: 100%;
}

添加“位置：相对；”在 #maincontent_container 中： styles.css 第 83 行

  #maincontent_container {
        background-image: url("/clients/hshf/sites/all/themes/hshf/images/maincontent_corn_bg.png");
        background-position: center bottom;
        background-repeat: no-repeat;
        position: relative;
        z-index: 1;
    }

告诉我它是否适合你

【讨论】：

嗯，就是这样——我知道我尝试过删除溢出，但我从未尝试过 position:relative。现在我将不得不看看这如何影响布局的其余部分和它的响应能力。非常感谢！