您的位置:首頁技術文章
文章詳情頁

ie6,ie7,ie8完美支持position:fixed的終極解決方案

瀏覽:38日期:2022-06-02 14:40:19

ie6對position:fixed不支持,網上有很多解決方法,有的在ie6,ie7上調試成功后,在ie8上又不好使,div層還是跟隨滾動條浮 動;以下總結方法,在ie6,ie7,ie8上都調試成功,且頁面滾動條滾動時,效果還挺好,div層并不會閃爍。

復制代碼 代碼如下:
<div id="goTop_div">  </div>

css:

復制代碼 代碼如下:
.fixed{
        position:fixed; /*對于火狐等其他瀏覽器需要設置的*/
        top:700px;  /*同上*/
        width:30px;
        height:30px;
        cursor:pointer;
        display:none;
 } 
 .ie{  
       _position: absolute; 
       _clear: both;  
       _top:expression(eval(document.compatMode &amp;&amp;  
               document.compatMode=="CSS1Compat") ?  
               documentElement.scrollTop  
               +(documentElement.clientHeight-this.clientHeight) - 1  
               : document.body.scrollTop  
               +(document.body.clientHeight-this.clientHeight) - 1);
}

標簽: CSS HTML
相關文章:
国产综合久久一区二区三区