固定顶部导航栏

</pre><pre name="code" class="html"><style type='text/css'>
.topNav{

/* 对于其他浏览器 */
<code class="keyword">position</code><code class="plain">:</code><code class="value">fixed</code><code class="plain">;</code>/* 固定位置 ie6不支持该属性 */
top:0px;

/* 对于 IE6 */
_position:absolute;
_top:expression(eval(document.documentElement.scrollTop) + "px");
/*采用以上代码，拉动垂直滚动条时，这个导航条有跳动现象，解决此问题的方法是使用“background-attachment:fixed”为body添加一个背景图片，
强制页面在重画之前先处理CSS，而且这个图片可以是虚拟的，比如“background:url(任意名称)”。*/<pre name="code" class="sh_css sh_sourceCode" style="margin:8px; padding:3px; width:600px; background-color:rgb(255, 255, 255); border-width:1px 1px 1px 5px; border-style:dashed dashed dashed solid; border-color:rgb(187, 187, 187); color:rgb(0, 0, 0); font-family:Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; white-space:pre-wrap; word-wrap:break-word; line-height:22px; orphans:2; text-align:-webkit-auto; widows:2;">body <span class="sh_cbracket" style="margin:0px; padding:0px;">{</span><span class="sh_property" style="color:#a52a2a;margin:0px; padding:0px;">background:</span> <span class="sh_value" style="color:#ff0ff;margin:0px; padding:0px;">url</span>(<span class="sh_property" style="color:#a52a2a;margin:0px; padding:0px;">about:</span><span class="sh_value" style="color:#ff0ff;margin:0px; padding:0px;">blank</span>); <span class="sh_property" style="color:#a52a2a;margin:0px; padding:0px;">background-attachment:</span> <span class="sh_value" style="color:#ff0ff;margin:0px; padding:0px;">fixed</span>;<span class="sh_cbracket" style="margin:0px; padding:0px;">}</span>

z-index

:

999

;

width:100%;

text-align:center;

overflow:hidden;

}

mainBody{

/*解决正文被顶部导航栏盖住的现象*/

margin-top:100px;

}

</style>

<div class='topNav'>固定的顶部导航栏</div><div class='mainBody'></div>