固定版一:
.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