关于div浮动层的一些小技巧

<!--浮动层区 覆盖整个页面-->
<div style="color: red; width: 100%; height: 100%; text-align: center; vertical-align: middle;
display: none; background-color: #fff; position: absolute; z-index: 999; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);">
<iframe width="100%" height="100%" src="" style="margin: 0px; padding: 0px;" frameborder="0">
设置透明成的时候，在ie6下，浮动的透明层覆盖不了 select 下拉单的的选项 原因是select的z-index 要大于div，不管你设置div的z-index 是多大，select 的优先级都大于 div的z-index

这个时候，我们可以通过在透明层中加入iframe 窗体 并设置成100%的宽高
</iframe>
需要注意的是 ，浮动层如果不设置背景色 ，是不能覆盖底层的网页元素的
</div>
<!--浮动层内容区-->
<div id="SelectAir" style="color: red; width: 100%; margin-top: 30px; height: 100%;
text-align: center; vertical-align: middle; display: none; background-color: #fff;
position: absolute; z-index: 1000;">
在定义在定义一个浮动成，不透明的 ，需要浮动显示的内容在这里
</div>