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

实际上细心的朋友会发现，这个顶部的工具条实则是一个平铺的背景图像，CSS起到固定背景的作用，也算是一种独特的实现方法。顶部拖动无闪烁菜单栏 * { margin: 0px; padding: 0px; } body { background-image: url(); background-attachment: fixed; } #topNavWrapper { width: 980px; text-align: left; height: 31px; margin: 0px auto; z-index:100; _position: relative ; _top:0px; } #topNav { width: 980px; float: left; display: block; z-index: 100; overflow: visible; position: fixed; top: 0px; /* position fixed for IE6 */ _position: absolute; _top: expression(documentElement.scrollTop + "px"); background-image: url(/upload/2010-3/20100303232637297.gif); background-repeat: no-repeat; background-position: right; height: 31px; } 脚本之家 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

　　推荐阅读

　　在chrome中window.onload事件的一些问题

假如我们有一个如下的页面：复制代码代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <meta http-equiv="Content-Type">>>详细阅读

本文标题：CSS 网页顶部固定工具栏拖动无闪烁实现代码

地址：http://www.17bianji.com/kaifa2/JS/26971.html

1/2 1