欢迎来到奇迪科技(深圳)有限公司,超值服务提供卓越产品!
我们做网页设计的时候,会用到浮动的广告、客服代码。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