导航

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

Posted on 2009-08-28 14:05  阳光有约  阅读(759)  评论(0编辑  收藏  举报

           <!--浮动层区 覆盖整个页面-->
        <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>