二级java:右下角浮动窗口
来源:优易学  2011-9-18 15:36:40   【优易学:中国教育考试门户网】   资料下载   IT书店
  在开发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);
  }

责任编辑:小草

文章搜索:
 相关文章
热点资讯
资讯快报
热门课程培训