蓝狮官网常用浮窗效果 解决IE6下”振动”

固定版一:

.packSide{
width:50px;height:110px;z-index:999;margin-right:-540px;position:fixed;right:50%;top:40%;
_position:absolute;_margin-top:170px;
_top:expression(eval(document.documentElement.scrollTop)); 蓝狮官网
}
980像素的版面,经过准确的折半计算,让浮窗紧贴固定在内容版面的右边

mrgin-right: -(980/2 + 50) px

固定版二:

.packSide{width:50px;height:110px;position:fixed;left:10px;bottom:1%;_position:absolute;
_top:expression(eval(document.documentElement.scrollTop
+document.documentElement.clientHeight
-this.offsetHeight
-(parseInt(this.currentStyle.marginTop,10)||20)
-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
通过修改 -(parseInt(this.currentStyle.marginTop,10)||20) 或-(parseInt(this.currentStyle.marginBottom,10)||0) || 后面的值可以修改在IE6下的位置

固定版三:

.packSide{width:50px;height:110px;z-index:999;position:fixed;left:0px;bottom:150px;_position:absolute;
_margin-top:expression(document.documentElement.clientHeight-this.style.pixelHeight+document.documentElement.scrollTop);
}
固定版四:

.packSide{width:50px;height:110px;z-index:999;position:fixed;top:10px;right:10px;} 蓝狮注册登陆
*html .packSide{_position:absolute;
_right:expression(eval(document.documentElement.scrollRight+10));
_top:expression(eval(document.documentElement.scrollTop+10));
}
滚动版

SideBox{width:75px;height:200px;position:absolute;top:100px;rightright:50%;margin-right:-660px;}

解决IE6下浮窗“振动”bug

  • html,* html body{background-image:url(about:blank);background-attachment:fixed;}
    标签:ie6, 浮窗效果
0 Comments
Leave a Reply