浮层
1、设置浮层宽高
1. divObj.style.width =Math.max(document.documentElement.scrollWidth,
2.document.documentElement.clientWidth);
3.divObj.style.height =Math.max(document.documentElement.scrollHeight,
4.document.documentElement.clientHeight);
如果页面较小不够一屏,就得到可见区域大小,这样做在FF和IE 7下正常,但IE 6宽高都会多出一个滚动条的宽度来,需要再减去这个尺寸。另外这样做在改变窗口大小时,浮层大小不会变,这样就又会出问题了,因此,只能用定义position为fixed的方式
2、设置层的半透明
这个没什么特别的,只要区分IE就行了:
opacity:.4;/*非IE*/
filter:alpha(opacity=40);/*IE*/
4、层居中
一般页面居中的方式在IE下是设置父级层text-align:center;,对于非IE用margin:0 auto;(别忘了定义宽度),但如果层定义了position:absolute;,那这种居中就不管用了。
1. <styletype="text/css">
2. <!--
3..box{width:300px;height:230px;background-color:#fff;
4.position:absolute;top:50%;left:50%;
5.margin:-115px 0 0 -150px;}
6. -->
7. </style>
<style type="text/css">
<!--
.box{width:300px;height:230px;background-color:#fff;
position:absolute;top:50%;left:50%;
margin:-115px 0 0 -150px;}
-->
</style>
上面这种方法是先让层左上角的那一点居中,然后在通过负的margin值让层的中心基本居中。如果页面已经向下滚动了一些,那么垂直方向上这么做就无法居中了,只能计算top的尺寸了。