解决IE使用css表达式模拟fixed效果时抖动问题 

<!doctype html>
<html>
<head>
     <meta charset="gbk" />
     <title>IE6 fixed</title>
     <style>
     .img1 {
          position:fixed;
          left:0;
          bottom:10px;
          _position:absolute;
          _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||10)-(parseInt(this.currentStyle.marginBottom,10)||10)));
     }
     .img2 {
          position:fixed;
          right:0;
          top:200px;
          _position:absolute;         
          _top: expression(eval(document.documentElement.scrollTop + 200));
     }
     * html,* html body {background-image:url(#);background-attachment:fixed;}/* 修正IE6 fixed振动bug */
     </style>
</head>
<body style="height:9000px">
<img style="height:135px;" class="img1" src="http://img01.taobaocdn.com/tps/i1/T1TJ16XmxdXXXXXXXX-440-135.jpg">
<img style="height:135px;" class="img2" src="http://img01.taobaocdn.com/tps/i1/T1TJ16XmxdXXXXXXXX-440-135.jpg">

</body>
</html>
posted @ 2012-04-09 19:01  拉登不开心  阅读(781)  评论(0)  编辑  收藏  举报