WEB开发网
开发学院软件开发Java 右下角浮动窗口 阅读

右下角浮动窗口

 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); 
} 

Tags:右下角 浮动 窗口

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接