使用CSS固定漂浮导航栏

1、CSS样式

Css代码

1. body {
   
2. background-image:url(text.txt); /* for IE6 */
   
3. background-attachment:fixed;
   
4. }
   
5. #bottomNav {
   
6. z-index:999;
   
7. position:fixed;
   
8. bottom:0;        /*去掉此行则固定在页面顶部*/
   
9. left:0;
   
10. width:100%;
    
11. _position:absolute; /* for IE6 */
    
12. _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); /* for IE6 */
    
13. overflow:visible;
    
14. }

复制代码

2、html部分

Html代码

1. <div id="bottomNav">我是导航栏O(∩_∩)O~</div>

复制代码