Drupal Nice Menus 下拉菜单被下面的内容隐藏了
Drupal Nice Menus dropdown hidden by content below
我已经使用 Nice Menus 模块设置了一个 Drupal 菜单,但我的下拉菜单显然被其下方的内容隐藏了。我已经尝试了所有我能想到的 z-indexes 和 overflow:visible,但我无法设法让它工作。使用 Firebug 我可以看到 jQuery 正在正确地将显示更改为块并将可见性更改为可见,但子菜单仍然隐藏。
这是开发站点,您可以在其中看到 HTML/CSS:http://tentenstudios.com/clients/hshf/。带有下拉列表的菜单项是 "Group Information."
我通过 firebug 在您的开发站点上尝试了这个并且它有效(firefox 38.0.5):
删除行 class 中的溢出 属性
1220.css 第 15 行
.row {
margin: 0 auto;
max-width: 1220px;
min-width: 755px;
width: 100%;
}
在#maincontent_container中添加"position: relative;":
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;
}
告诉我它是否适合你
我已经使用 Nice Menus 模块设置了一个 Drupal 菜单,但我的下拉菜单显然被其下方的内容隐藏了。我已经尝试了所有我能想到的 z-indexes 和 overflow:visible,但我无法设法让它工作。使用 Firebug 我可以看到 jQuery 正在正确地将显示更改为块并将可见性更改为可见,但子菜单仍然隐藏。
这是开发站点,您可以在其中看到 HTML/CSS:http://tentenstudios.com/clients/hshf/。带有下拉列表的菜单项是 "Group Information."
我通过 firebug 在您的开发站点上尝试了这个并且它有效(firefox 38.0.5): 删除行 class 中的溢出 属性 1220.css 第 15 行
.row {
margin: 0 auto;
max-width: 1220px;
min-width: 755px;
width: 100%;
}
在#maincontent_container中添加"position: relative;": 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;
}
告诉我它是否适合你