子菜单被其他div隐藏

Question

我的垂直子菜单有问题。

此网站已修复垂直菜单，并显示除此之外的子菜单。但是这个子菜单显示在其他人的下方。这是我目前的代码：

HTML

<div id="wrapper">

  <div id="header-wrapper">
    <nav></nav>
  </div>

  <div id="masonry-content-wrapper">
    <div id="content"></div>
    <div id="sidebar"></div>
  </div>

</div>

CSS

#header-wrapper {
  float: left;
  width: 250px;
  height: 100%;
  position: fixed;
}

#masonry-content-wrapper {
  padding: 0 2% 0 3%;
  margin-left: 250px;
}

看起来问题是砌体div没有浮动，但是必须修复标题宽度。我该如何解决？这是链接http://www.codetocode-developments.com/personal/

Answer 1

将#header-wrapper设置为高于1的z-index。赞：

#header-wrapper {
    float: left;
    width: 250px;
    height: 100%;
    position: fixed;
    z-index: 3;
}

不确定Chrome为何需要它。您的原始代码在Firefox中运行良好。

Answer 2

只需要将z-index添加到header-wrapper

#header-wrapper {
    z-index:1000;
}

修复它。