CSS修复了内容背后的导航菜单

时间:2013-08-04 18:01:55

标签: jquery css z-index nav

在查看了与z-index相关的一些帖子以及显示内容背后的菜单后,我找不到它仍然不适合我的原因。

基本上,当我们滚动时,菜单会固定在顶部,但不会显示在此库中 我正在使用http://tympanus.net/Development/AutomaticImageMontage/index.html。但是它与其他内容一起正常工作,如下例所示。

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

请帮忙吗?

1 个答案:

答案 0 :(得分:1)

如果是您引用的标题,请设置更高的z-indexposition: 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%;
}

<强> EDITED

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;
}