使用固定导航栏定位

Question

我正在开发一个网站，我希望有一个粘性导航栏。我已经完成了所有工作，但似乎当我向下滚动页面时，导航栏会在页面内容下面，而不是超越它。我检查了所有的z-index，它们都很好;所以不是那样。

我已经在下面贴了我的jfiddle，但这是我第一次做了一个jfiddle，所以告诉我是否需要添加一些东西。

谢谢！

http://bit.ly/18GeDts

非常感谢你的帮助，原来这是我的愚蠢评论。通常这些东西应该可以帮助你。

问题是，在我的实际网站上，它仍然无法正常工作。在我的实际网站上导航的背景是一个图像，似乎没有结转。

Answer 1

您必须在小提琴的CSS部分顶部删除此位：

* NAVIGATION **************************************************/

然后它会完美运行，你的代码很好：）

Answer 2

由于声誉不佳，我无法发表评论，因此我将其发布在此处。

* NAVIGATION **************************************************/

搞乱了你的css规则。删除它将使您的粘贴标题正常工作。

Answer 3

如果我将.navbar-collapse.collapse置于固定位置enter code here http://jsfiddle.net/ucRe/a

Answer 4

z-index仅适用于定位元素。例如：

.nav-container {
  z-index: 99;
  position: relative;
}

希望这会有所帮助。