解决div被selected挡住的问题

网上找了半天,结果发现使用z-index是没有用的,最后还是参考了网上的例子,使用一个iframe来挡住selected达到div不被selected挡住的效果
参见代码:

     < div  id ="msgdiv"  style ="position:absolute; top:129px; left:229px; z-index:1;" >
         < table  width ="300"  border ="0"  cellspacing ="1"  cellpadding ="2"   class ="tb_table" >
           < tr  class ="tb_detailtr" >
             < td  class ="tb_td_sheng"   >< span  style ="float:right"  onClick ="javascript:closemsg();"  onMouseMove ="this.style.cursor='hand';" >< img  src ="../images/icon/icon_list_close.gif"  title ="关闭" ></ span >< img  src ="../images/icon/Info.gif" >< strong > 系统信息 </ strong ></ td >
           </ tr >
           < tr >
             < td  class ="tb_td_qian color_blue font_bold"  style ="font-size:14px;"  height ="120"  align ="center" >< bean:write  name ="msgsus"   /></ td >
           </ tr >
         </ table >
     </ div >

// 关的时候两个都要关
         function  closemsg() ... {
            document.getElementById('msgdiv').style.display='none';
            document.getElementById('msgiframe').style.display='none';
        }