CSS 网页顶部固定工具栏拖动无闪烁实现代码

实际上细心的朋友会发现，这个顶部的工具条实则是一个平铺的背景图像，css起到固定背景的作用，也算是一种独特的实现方法。
</p> <p><title>顶部<a href="https://www.kunjuke.com/tag/752/" title="拖动" target="_blank">拖动</a>无闪烁菜单栏</title> </p> <p>*<br /> {<br /> margin: 0px;<br /> padding: 0px;<br /> }<br /> body {<br /> background-image: url();<br /> background-attachment: fixed;<br /> }<br /> #topnavwrapper {<br /> width: 980px;<br /> text-align: left;<br /> height: 31px;<br /> margin: 0px auto;<br /> z-index:100;<br /> _position: relative ;<br /> _top:0px;<br /> }<br /> #topnav {<br /> width: 980px;<br /> float: left;<br /> display: block;<br /> z-index: 100;<br /> overflow: visible;<br /> position: fixed;<br /> top: 0px; /* position fixed for ie6 */<br /> _position: absolute;<br /> _top: expression(documentelement.scrolltop + "px");<br /> background-image: url(/upload/2010-3/20100303232637297.gif);<br /> background-repeat: no-repeat;<br /> background-position: right;<br /> height: 31px;<br /> } </p> <ul class="jd_menu" id="topnav"> <li></li> </ul> <table> <tr> <td height="1080"></td> </tr> </table> <p>
[ctrl+a 全选 注:如需引入外部js需刷新才能执行]