CSS-fixed兼容

最新推荐文章于 2024-08-28 08:48:52 发布

转载最新推荐文章于 2024-08-28 08:48:52 发布 · 92 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/baixc/p/3670589.html

解决IE6中闪动问题

*{background-image:url(about:blank);background-attachment:fixed;}
body{
    background-image:url(about:blank);background-attachment:fixed;
    background-color: #e3d8c6;
}

右侧距顶部45px固定

#boxC{
    position: fixed;
    z-index: 999;
    top: 45px;
    right: 0;
    _position:absolute;
    _top:expression(documentElement.scrollTop + 45);
    overflow:hidden; 
    *zoom:1;
}

右侧距底部30px固定

#boxB{
    position: fixed;
    z-index: 999;
    bottom: 30px;
    right: 0;
    _position:absolute;
    _top:expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight + 30);
    overflow:hidden; 
    *zoom:1;
}

底部固定

#boxA{
    position: fixed;
    z-index: 999;
    bottom: 0px;
    left: 0px;
    _position:absolute;
    _top:expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);
    overflow:hidden; 
    *zoom:1;
}