fixed定位，解决IE6兼容及闪动问题

最新推荐文章于 2021-08-27 10:51:16 发布

阿聪世家

最新推荐文章于 2021-08-27 10:51:16 发布

阅读量1.1k

点赞数

分类专栏： ie6 常见问题及BUG 文章标签： ie6 bug fixed

本文链接：https://blog.csdn.net/congcong875/article/details/8643037

版权

ie6 常见问题及BUG 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
     <title>fixed定位，解决IE6闪动问题</title>
     <style type="text/css">
         
         *html{  
             background-image:url(about:blank);  
             background-attachment:fixed;  
         }/*此代码解决IE6.0下不会出现闪动*/
 
         .backgroundBox {
             border:1px solid orange;
             width:100px;
             height:2000px;
         }
 
         .fixedBox {
             border:1px solid red;
             width:100px;
             height:100px;
             position:fixed;  /*支持实现w3c标准的浏览器*/
             _position:absolute; /*单独针对IE6*/
             left:200px; /*距离顶部200px*/
             top:200px;  /*距离右边200px*/
             _top:expression(eval(document.documentElement.scrollTop+200));  /*+200是IE6.0下面距离浏览器窗口顶部的位置*/
             /*IE6.0下面距离底部位置为0px*/
             /*_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-

(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));*/
         }
     </style>
 </head>
 

 <body>
    <div class="backgroundBox"></div>
     <div class="fixedBox">fixed box</div>
 </body>
 
</html>

// fixed定位，网页右边，及顶部位置样式
.backtop{
  position:fixed;
  top:80%;
  width:27px;
  height:100px;
  left:50%;
  margin-left:495px;
  _position:absolute;
  _top:expression(documentElement.scrollTop + documentElement.clientHeight * 4/5 + "px")
}