jquery - 内容后面的 CSS 固定导航菜单

Question

在查看了一些与 z-index 相关的帖子和​​显示内容背后的菜单后，我找不到它仍然对我不起作用的原因。

基本上当我们滚动时，菜单会固定在顶部但不会显示在这个画廊上 http://tympanus.net/Development/AutomaticImageMontage/index.html我正在使用。但是，它可以正常与其他内容一起使用，如下例所示。

这里是例子http://www.dwuser.com/education/content/creating-a-floating-navigation-menu/demo/complete.html

有什么帮助吗？

Answer 1

如果它是您引用的标题，请设置更高的 z-index 和 position: fixed。您还需要设置 width: 100%; 请参见下面的示例

.header {
height: 25px;
line-height: 24px;
font-size: 13px;
background: #000;
opacity: 0.9;
text-transform: uppercase;
z-index: 1000;
position: fixed;
width: 100%;
}

已编辑

nav {
position: fixed;
top: 0px;
background-color: rgba(0, 0, 0, 0.882353);
left: 0px;
width: 950px;
z-index: 1000;
background-position: initial initial;
background-repeat: initial initial;
}