右下角浮动窗口
2009-09-09 00:00:00 来源:WEB开发网核心提示:在开发Discuz新版本时,有个地方需要实现窗口右下解的浮动窗口效果,右下角浮动窗口,解决不同浏览器下的显示效果真是让人麻烦,尤其是对付IE6,对于Firefox、IE7和IE8来说,下面的CSS就可以实现浮动窗口的效果(即当页面滚动时
在开发Discuz新版本时,有个地方需要实现窗口右下解的浮动窗口效果。解决不同浏览器下的显示效果真是让人麻烦,尤其是对付IE6。对于Firefox、IE7和IE8来说,下面的CSS就可以实现浮动窗口的效果(即当页面滚动时,浮动窗口相对于屏幕的位置不变)
Java代码
.focus{
float: right;
position: fixed;
bottom: 0;
right: 0;
width: 255px;
height: 152px;
border: 2px solid {FLOATMASKBGCOLOR};
background: {FLOATBGCOLOR};
}
但IE6不认识position: fixed,所以还需要加上下面的CSS才行。* html会只针对IE起作用:
Java代码
* html .focus{
position: absolute;
top: expression(offsetParent.scrollTop+document.documentElement.clientHeight-this.offsetHeight);
}
赞助商链接