IE6下position:fixed的bug解决

参考文章 : http://www.qianduan.net/fix-ie6-dont-support-position-fixed-bug.html

                     http://loo2k.com/ie6-position-fixed/

 

顶部固定 : 在相应 div 的 css 中添加 ( 下划线只能被 ie6 识别 ):  

_position: absolute;

    _bottom:auto;

    _top:expression(eval(document.documentElement.scrollTop));

底部固定 :

_position: absolute;

    _bottom:auto;

_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));

左侧固定 :

_position: absolute;

    _bottom:auto;

         _left:expression(eval(document.documentElement.scrollLeft));

右部固定 :

_position: absolute;

    _bottom:auto;

_left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0));

 

闪动问题 :

         在 css 的 html 标签内添加 :

         *html{

background-image:url(about:blank);

background-attachment:fixed;

}

 

IE6 下 position:absolute 元素消失 BUG

 

参考文章 : http://hi.baidu.com/hefeiqj/blog/item/67cfd2aea4b9b6054b36d6c6.html

 

在消失的 div 结束标签之后再添加一个空的 div

<div id=”miss”></div>

<!--[if IE 6]><div></div><![endif]-- >