关于解决ie6 fixed问题

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
body { margin:0; padding:0;_background-attachment:fixed; _background-image:url(about:blank); }
#divId{
_position:absolute;
_top:expression(eval(document.documentElement.scrollTop));
background-color:red;
}
</style>
</head>
<body>
<div id="divId" style="color:blue;" class="lala">1111</div>
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
jljl<br />
</body>
<script></script>
</html> 这个在ie6中为什么不行，经测试，用_top:expression(offsetParent.scrollTop);可行

解决方案 »

  1.   

    js监视页面滚动的位置  重新计算那个fixed的位置试试
      

  2.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <style>
    body { margin:0; padding:0;_background-attachment:fixed; _background-image:url(about:blank); }
    #divId{
        _position:absolute; 
    _top:expression(eval(document.documentElement.scrollTop)); 
    _left:expression(eval(document.documentElement.scrollLeft));
    }
    </style>
    </head>
    <body>
    <div id="divId" style="color:red;" class="lala">1111</div>
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    jljl<br />
    </body>
    <script></script>
    </html> 可以了