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

软件发布|下载排行|最新软件

当前位置:首页IT学院IT技术

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

  2021-03-19 我要评论
想了解ie6,ie7,ie8完美支持position:fixed的终极解决方案的相关内容吗,在本文为您仔细讲解ie6,ie7,ie8完美支持position:fixed的相关知识和一些Code实例,欢迎阅读和指正,我们先划重点:ie6,ie7,ie8,position:fixed,下面大家一起来学习吧。

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);
}

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们