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:右下角 浮动 窗口

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