Foundation 5 CSS Z-index Top Bar下拉菜单问题

时间:2015-10-25 10:29:42

标签: css zurb-foundation z-index

hidden dropdown

大家好, 我需要在标题元素中添加z-index:2,现在topbar nav下拉显示在下面。 我试图在许多元素上添加{position:relative; z-index:999},但它不起作用。任何提示?

我正在使用CSS,添加了保证金以显示问题

此处的代码:     [HTML和CSS] [2]

[2]: http://codepen.io/anon/pen/yYKamg

2 个答案:

答案 0 :(得分:0)

更改此内容:<div class="row show-for-medium-up" style="position:relative;z-index:2">

对此:

<div class="row show-for-medium-up" style="position:relative;z-index:3">

此div上的z-index: 2将其置于导航下拉列表的前面。所以我认为你需要将下拉导航的容器元素移动到一个级别。

答案 1 :(得分:0)

<div class="row show-for-medium-up" style="position:relative;z-index:99">

这修复了它,将父容器设置为更高的z-index。我很确定我昨天不止一次尝试过这个。多谢你们。如果弹出任何东西,我会告诉你。