修复位置DIV不重叠内容

Question

我在修复固定位置导航菜单与我的文字重叠时遇到问题，例如：http://www.saveur.com/michel-roux-scrambled-eggs-with-asparagus-and-crab-recipe

使用我目前管理的代码，固定位置导航显示在文本后面，但我希望它始终位于顶部并重叠，就像上面的网站一样。

所有内容都是固定的位置，我已经做到这一点，如果任何人可以帮助我，他们可以更容易编辑代码。

HTML：http://pastebin.com/j7jHjb4h

CSS：http://pastebin.com/sWuLChut

我怎样才能使导航菜单保持在顶部，即使向上滚动就像上面的网站一样。

Answer 1

只需将z-index值添加到固定元素：

z-index:100;

如果大于同一级别的任何其他z-index，它将根据需要重叠所有内容。

Answer 2

#navMenu {
   margin:0;
   width:200px;
   height: 1px;
   z-index: 1000;
}

您可以尝试给它一个高z-index