ie6,ie7,ie8完美支持position:fixed的终极解决方案

页面导航:首页 > 网络编程 > CSS/HTML > ie6,ie7,ie8完美支持position:fixed的终极解决方案

ie6,ie7,ie8完美支持position:fixed的终极解决方案

来源:互联网 作者:脚本宝典 时间:2015-06-23 19:16 【

ie6对position:fixed不支持,网上有很多解决方法,有的在ie6,ie7上调试成功后,在ie8上又不好使,div层还是跟随滚动条浮 动;以下总结方法,在ie6,ie7,ie8上都调试成功,且页面滚动条滚动时

ie6对position:fixed不支持,网上有很多解决方法,有的在ie6,ie7上调试成功后,在ie8上又不好使,div层还是跟随滚动条浮 动;以下总结方法,在ie6,ie7,ie8上都调试成功,且页面滚动条滚动时,效果还挺好,div层并不会闪烁。

 

复制代码代码如下:

<div id="goTop_div" class="fixed ie">  </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 &&   
               document.compatMode=='CSS1Compat') ?   
               documentElement.scrollTop   
               +(documentElement.clientHeight-this.clientHeight) - 1   
               : document.body.scrollTop   
               +(document.body.clientHeight-this.clientHeight) - 1); 
}
Tags:

文章评论

最 近 更 新
热 点 排 行
Js与CSS工具
代码转换工具

<