DIV+CSS设置IE6浮动定位_网络编程_奇迪科技(深圳)有限公司(www.qvdv.net)

欢迎来到奇迪科技(深圳)有限公司,超值服务提供卓越产品!

网络编程

DIV+CSS设置IE6浮动定位

作者:admin 来源: 更新时间:2013-12-28

我们做网页设计的时候,会用到浮动的广告、客服代码。position:fixed属性设置在IE6下是失效的。为了兼容IE6,我们需要用"absolute模拟fixed"。
CSS代码:

#QQFloat{
z-index: 20; 
left: 89.1%; 
visibility: visible; 
width: 130px;
 top:115px; 
height: 400px;
position:fixed !important;
 /*IE6 用absolute模拟fixed*/ 
_position: absolute;
 /*IE6下,浮动模块自动对齐窗口底部*/ 
_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)));
/*IE6下,浮动模块自动对齐窗口顶部*/ 
 /*_top:expression(eval(document.documentElement.scrollTop));*/
}

以上的CSS代码设置能够让其在IE6下浮动起来,但是,还有一个小问题,就是会有“闪屏”的现象,为了解决此现象,还需要添加以下CSS代码:

body{
/* 修正IE6振动、闪屏bug */
    _background-image:url(about:blank);
    _background-attachment:fixed;
}


本文版权所有,转载须注明:来源  https://www.qvdv.net/qvdv-oop-132.html