IE6解决固定定位代码

有些朋友在进行网页布局时,会遇到IE6浏览器不支持固定定位的兼容性问题,本博将详细介绍此问题的解决方法,需要了解的朋友可以参考下。

ie6 垂直居中固定定位,代码如下:

 

#center {
_position:absolute;
_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/
}

 

*html{
 background-image:url(about:blank);
 background-attachment:fixed;
 }

ie6 底部固定定位代码如下:

 

#bottom {
_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)));
}

 

*html{
 background-image:url(about:blank);
 background-attachment:fixed;
 }

ie6 头部固定定位,代码如下:

#top {
_position: absolute;
_bottom: auto;
_top: expression(eval(document.documentElement.scrollTop));
}

*html{
 background-image:url(about:blank);
 background-attachment:fixed;
 }

 

posted @ 2016-05-30 17:32  键盘达人  阅读(213)  评论(0编辑  收藏  举报