13

就像在http://facebook.com中一样，他们有一个导航栏类型的东西，它位于页面顶部，我如何使用我的代码来做到这一点。除了那个问题，我的 CSS 高级菜单正常工作。好吧，这是我的 jsfiddle 的链接

Js小提琴

css的主要部分

#cssmenu ul { margin: 0; padding: 0;}
#cssmenu li { margin: 0; padding: 0;}
#cssmenu a { margin: 0; padding: 0;}
#cssmenu ul {list-style: none;}
#cssmenu a {text-decoration: none;}
#cssmenu { height: 42px; background-color: rgb(35,35,35); box-shadow: 0px 2px 3px rgba(0,0,0,.4);}

现在，如果我没记错的话，如果不检查 JsFiddle，这必须用这部分来完成

4

6 回答 6

39

将以下内容添加到您的菜单 css 中：

#cssmenu {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
}

他们基本上就是这样做的。

于 2013-06-04T04:13:25.613 回答
5

添加固定属性

 #cssmenu {
          position:fixed;
 }
于 2013-06-04T04:12:09.313 回答
3

如果你使用它可以做到：

 position:fixed;
于 2013-06-04T04:13:26.100 回答
3

只是一个想法，你不需要添加z-index: 1000;让它漂浮在页面上的所有项目上吗？

于 2014-01-30T18:26:50.520 回答
1

使用此 css 将您的导航栏固定在顶部。

 #cssmenu {
   position:fixed;
   top: 0;
   margin:auto;
   left: 0;
   right: 0;
   width: 100%;
  }

这里的演示：http: //jsfiddle.net/SkuhZ/

于 2013-06-04T04:56:11.987 回答
0

就这3个就可以了..

position: fixed;
top: 0;
width: auto;
于 2013-06-04T11:59:11.487 回答