HTMLCSS在页面顶部创建标题和导航粘性_html-js-css

概述目前正在开展一个网络项目,我想在我的网站上设置一个粘性部分这可能总是可用的.我尝试了不同的东西但没有任何效果我的结构如下 <body> <wrap> <header></header> <nav></nav> <container></container> </wrap> <footer></footer></body> 如果你更喜欢一个方案,那就是这个链目前正在开展一个网络项目,我想在我的网站上设置一个粘性部分
这可能总是可用的.我尝试了不同的东西但没有任何效果

我的结构如下

<body>  <wrap>    <@R_301_5548@></@R_301_5548@>    <nav></nav>    <container></container>  </wrap>  <footer></footer></body>

如果你更喜欢一个方案,那就是这个链接：
http://s21.postimg.org/79tp8wu5z/structure_page.png

所以我想让我的标题导航和背景(在身体背景上应用)粘在页面顶部.

我知道我需要使用固定的相对位置,但除了背景之外没有任何作用.

这是我的CSS：

body {  background: url(img/bg.jpg) no-repeat center center;  background-attachment: fixed;  background-position: top;}.wrap {  wIDth: 960px;  margin: 0 auto;}#@R_301_5548@ {  height: 121px;  position: relative;}#footer {  height: 40px;  background-color: #146992;  position: relative;}.container {  position:relative;}#menu {  position:relative;  height: 45px;}

谢谢你的帮助.

解决方法您尚未修复导航栏的位置.
尝试使用

#nav { background-color:#262626; wIDth:100%; height:50px; Box-shadow: 0px 1px 50px #5E5E5E; position:fixed; top:0px;}

或者您可以使用Twitter Bootstrap进行启动.

看here和here.

总结

以上是内存溢出为你收集整理的HTML / CSS在页面顶部创建标题和导航粘性全部内容，希望文章能够帮你解决HTML / CSS在页面顶部创建标题和导航粘性所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/1050393.html

HTMLCSS在页面顶部创建标题和导航粘性

发表评论

评论列表（0条）