浮层

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的尺寸了。