做小项目遇到，以前做的一直没有兼容IE6，然后网上找了点资料，实现了IE6的兼容

代码如下

 
    
     
         
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    2.  
         
  2. <html xmlns="http://www.w3.org/1999/xhtml"> 
    3.  
         
  3. <head> 
    4.  
         
  4.     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> 
    5.  
         
  5.     <title></title> 
    6.  
         
  6.     <script type="text/javascript" src="script/jquery-1.8.2.min.js"></script> 
    7.  
         
  7.     <script type="text/javascript"> 
    8.  
         
  8.          //回到顶部  
    9.  
         
  9.         //设置滚动条响应事件  
    10.  
         
  10.         $(document).ready(function (){  
    11.  
         
  11.             $(window).scroll(function () {  
    12.  
         
  12.             //拿到滚动条滚动的距离  
    13.  
         
  13.             var a = $(window).scrollTop();  
    14.  
         
  14.  
    15.  
         
  15.             if (a > 0) {  
    16.  
         
  16.                 $("#to_top").css("display", "block");  
    17.  
         
  17.             } else {  
    18.  
         
  18.                 $("#to_top").css("display", "none");  
    19.  
         
  19.             }  
    20.  
         
  20.             });  
    21.  
         
  21.             $('#to_top').click(function () { $('html,body').animate({ scrollTop: '0px' }, 800); return false; });  
    22.  
         
  22.         });  
    23.  
         
  23.     </script> 
    24.  
         
  24.     <style type="text/css"> 
    25.  
         
  25.         #content{  
    26.  
         
  26.             height:3000px;  
    27.  
         
  27.         }  
    28.  
         
  28.         #to_top{  
    29.  
         
  29.             width:46px;  
    30.  
         
  30.             height:46px;  
    31.  
         
  31.             font-size:30px;  
    32.  
         
  32.             line-height:60px;  
    33.  
         
  33.             text-align:center;  
    34.  
         
  34.             position:fixed;  
    35.  
         
  35.             _position:absolute;  
    36.  
         
  36.             left:50%;  
    37.  
         
  37.             color:#fff;  
    38.  
         
  38.             margin-left:520px;  
    39.  
         
  39.             bottom:140px;  
    40.  
         
  40.             cursor:pointer;  
    41.  
         
  41.         }   
    42.  
         
  42.         #to_top a{  
    43.  
         
  43.             color:#fff;  
    44.  
         
  44.             width:80px;  
    45.  
         
  45.             height:80px;  
    46.  
         
  46.             display:inline-block;  
    47.  
         
  47.         }  
    48.  
         
  48.     </style> 
    49.  
         
  49. </head> 
    50.  
         
  50. <body> 
    51.  
         
  51.     <div id="content"> 
    52.  
         
  52.           
    53.  
         
  53.     </div> 
    54.  
         
  54.     <!--回到顶部--> 
    55.  
         
  55.     <!--[if IE 6]> 
    56.  
         
  56.     <style type="text/css"> 
    57.  
         
  57.         html{_text-overflow:ellipsis}  
    58.  
         
  58.         #to_top{_position:absolute;_top:expression(eval(document.documentElement.scrollTop + 300))}  
    59.  
         
  59.     </style> 
    60.  
         
  60.     <![endif]--> 
    61.  
         
  61.     <div id="to_top" style="display:none;">    
    62.  
         
  62.         <a href="#go_top"><img src="p_w_picpaths/top.gif" alt="回到顶部" title="回到顶部" /></a> 
    63.  
         
  63.     </div> 
    64.  
         
  64.       
    65.  
         
  65. </body> 
    66.  
         
  66. </html> 
    67.  
        
 
    
其中<!--[if IE 6]>
  
 
    
 
    
     
         
  1. <!--[if IE 6]> 
    2.  
         
  2.     <style type="text/css"> 
    3.  
         
  3.         html{_text-overflow:ellipsis}  
    4.  
         
  4.         #to_top{_position:absolute;_top:expression(eval(document.documentElement.scrollTop + 300))}  
    5.  
         
  5.     </style> 
    6.  
         
  6.     <![endif]--> 
    7.  
        
 
    
做的是IE6的兼容，返回顶部的时间都可以自己在js代码里设置。