javascript - 使用固定导航栏进行定位

Question

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

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

谢谢！

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

问题是，在我的现场，它仍然无法正常工作。我的现场网站上导航的背景是一张图片，似乎没有延续。

score 5 · Accepted Answer

You have to remove this bit at the top of your CSS section in the fiddle:

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

Then it will work perfectly, your code is fine :)

score 3 · Accepted Answer

由于声誉低，我无法发表评论，所以我将其发布在这里。

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

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

score 0 · Accepted Answer

如果我把 .navbar-collapse.collapse 一个位置固定它的工作 enter code herehttp://jsfiddle.net/ucRe/a

score -1 · Accepted Answer

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

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

希望这有帮助。

4 回答 4