黄聪：IE6如何实现悬浮框的兼容CSS代码

weixin_34327761

于 2012-08-25 17:06:00 发布

阅读量73

点赞数

本文详细介绍了如何解决网站悬浮框在IE6浏览器中位置不正确的问题，通过使用特定的CSS代码段实现了兼容性，并解释了每部分代码的作用。

position: fixed; /*IE6以外的兼容*/

_position:absolute;/*兼容IE6的代码*/
_bottom:auto;/*兼容IE6的代码*/
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); /*兼容IE6的代码*/

border: 2px solid #4AA700; /* 其余显示代码 */
display: block; 
z-index: 999;
width: 290px; 
bottom: 0px; right: 0px;
background:#FFF;
padding:10px;