控制DIV自动调整（防Select、Flash、Object遮盖）

 

         < script language = " javascript " >
             function  SelectAllUser(controlID)
             ... {
                var ele = event.srcElement; 
                if(ele.type=='checkbox') 
                ...{ 
                    var checkBoxs = document.getElementsByTagName( "INPUT" );
                    for(var i=0;i<checkBoxs.length;i++) 
                    ...{ 
                        if(checkBoxs[i].type=='checkbox' && checkBoxs[i].id.indexOf("QCheckBoxUserList") != -1) 
                        ...{
                            checkBoxs[i].checked = ele.checked;
                        }
                    }
                } 
            }
            
             function  HideUserList(controlID)
             ... {
                document.getElementById(controlID).style.display = "none";
                return false;
            }
            
             function  ShowUserList(controlID)
             ... {
                //document.getElementById("MailDIV").style.display = "none";
                //document.getElementById("UserListDIV").style.display = "none";                
                var the = event.srcElement;
                var div = document.getElementById(controlID);
                //alert(document.body.clientHeight + "  " + event.y + "  " + div.offsetHeight);
                if(document.body.clientHeight - event.y - 20 <= div.offsetHeight)
                ...{
                    div.style.top = event.y - div.offsetHeight;
                }
                else
                ...{
                    div.style.top = event.y;
                }
                if(div.offsetHeight == 0)
                ...{
                    div.style.top = event.y - 200;
                }                
                div.style.right = document.body.clientWidth - event.x + 25;
                div.style.display = "block";
                return false;
            }
         </ script >

只需要在我们的DIV前加IFrame作为底层

         < iframe  style ="position: absolute; z-index: 9; width: expression(this.nextSibling.offsetWidth);
            height: expression(this.nextSibling.offsetHeight); top: expression(this.nextSibling.offsetTop);
            left: expression(this.nextSibling.offsetLeft);"  frameborder ="0" ></ iframe >
         < div  id ="UserListDIV"  style ="position: absolute; display: none; background-color: White;
            z-index: 19; width: 150px;" >
             < table >
                 < tr >
                     < td >
                         < BenQ:QCheckBox  ID ="QCheckBoxAll"  runat ="server"  Text ="All"  AutoPostBack ="false"
                            onclick ="javascript:SelectAllUser(this)"   />< br >
                         < BenQ:QCheckBox  ID ="QCheckBoxUserList0"  runat ="server"  Text ="Jason Xu"   />< br >
                         < BenQ:QCheckBox  ID ="QCheckBoxUserList1"  runat ="server"  Text ="Lionel Li"   />< br >
                         < BenQ:QCheckBox  ID ="QCheckBoxUserList2"  runat ="server"  Text ="Laker Yan"   />< br >
                         < BenQ:QCheckBox  ID ="QCheckBoxUserList3"  runat ="server"  Text ="Jason Xu"   />< br >
                         < BenQ:QCheckBox  ID ="QCheckBoxUserList4"  runat ="server"  Text ="Jason Xu"   />< br >
                         < BenQ:QCheckBox  ID ="QCheckBoxUserList5"  runat ="server"  Text ="Jason Xu"   />< br >
                         < BenQ:QCheckBox  ID ="QCheckBoxUserList6"  runat ="server"  Text ="Jason Xu"   />< br >
                         < BenQ:QCheckBox  ID ="QCheckBoxUserList7"  runat ="server"  Text ="Jason Xu"   />< br >
                         < BenQ:QCheckBox  ID ="QCheckBoxUserList8"  runat ="server"  Text ="Jason Xu"   />< br >
                     </ td >
                 </ tr >
                 < tr >
                     < td  style ="text-align: center" >
                         < BenQ:QButton  ID ="QButtonSubmit"  runat ="server"  Text ="Save"  Type ="submit"   />
                         < span  class ="Span5" ></ span >
                         < BenQ:QButton  ID ="QButtonCancel"  runat ="server"  Text ="Cancel"  Type ="common"  OnClientClick ="return HideUserList('UserListDIV');"   />
                     </ td >
                 </ tr >
             </ table >
         </ div >