Foundation 5 CSS Z-index 顶部栏下拉菜单问题

Question

大家好，我需要将 z-index:2 添加到 header 元素，现在顶部栏导航下拉菜单出现在下方。我尝试在许多元素上添加 {position:relative;z-index:999}，但它不起作用。有什么提示吗？

我正在使用CSS，添加边距以显示问题

代码在这里： [HTML 和 CSS][2]

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

Answer 1

改变这个：<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 上 2 的 z-index: 将其置于导航下拉菜单的前面。所以我认为您需要将下拉导航的容器元素向上移动一个级别。

Answer 2

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

这修复了它，将父容器设置为更高的 z-index。我很确定我昨天不止一次尝试过这个。谢谢你们。如果出现任何情况，我会及时通知您。

Foundation 5 CSS Z-index Top Bar dropdown menu issue