歡迎來(lái)到奇迪科技(深圳)有限公司,超值服務(wù)提供卓越產(chǎn)品!
DIV+CSS設置IE6浮動(dòng)定位_網(wǎng)絡(luò )編程_奇迪科技(深圳)有限公司(m.cheanjie.com)
我們做網(wǎng)頁(yè)設計的時(shí)候,會(huì )用到浮動(dòng)的廣告、客服代碼。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下,浮動(dòng)模塊自動(dòng)對齊窗口底部*/ _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下,浮動(dòng)模塊自動(dòng)對齊窗口頂部*/ /*_top:expression(eval(document.documentElement.scrollTop));*/ }
以上的CSS代碼設置能夠讓其在IE6下浮動(dòng)起來(lái),但是,還有一個(gè)小問(wèn)題,就是會(huì )有“閃屏”的現象,為了解決此現象,還需要添加以下CSS代碼:
body{ /* 修正IE6振動(dòng)、閃屏bug */ _background-image:url(about:blank); _background-attachment:fixed; }
本文版權所有,轉載須注明:來(lái)源 http://m.cheanjie.com/qvdv-oop-132.html