HTML中DIV块覆盖SELECT空间 解决方案

 1  <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
 2  < html  xmlns ="http://www.w3.org/1999/xhtml" >
 3  < head >
 4  < meta  http-equiv ="Content-Type"  content ="text/html; charset=gb2312"   />
 5  < title > 无标题文档 </ title >
 6  </ head >
 7  < script  type ="text/javascript"   >
 8    function  a(){
 9   alert();
10   document.getElementById( " aa " ).style.display = " block " ;
11   
12   }
13  </ script >
14  < body >
15 
16  < p >
17     < input  type ="button"  style ="width:100px; height:30px;"  value ="button"   onclick ="a();" />
18  </ p >
19  < p > &nbsp; </ p >
20  < p >
21     < select  name ="select"  size ="1"   >
22       < option  value ="1" > 1 </ option >
23       < option  value ="2" > 2 </ option >
24     </ select >
25    
26  </ p >
27  < div  id  ="aa"  style ="border:2px; border-color:red; width:100px; display:none; position:absolute; top:76px; background-color:#FF0000;" >
28  < div  style ="z-index:-1" >
29  < iframe  style ="width:100px; height:100px; position:absolute:50px; background-color:#FF0000" ></ iframe >
30  </ div >
31  < div   style ="background-color:#00FF00;width:100px; height:100px; top:5px; z-index:99 ; position:absolute" >
32 
33  123213213123
34  </ div >
35 
36  </ div >
37  </ body >
38  </ html >
39 

 

转载于:https://www.cnblogs.com/JimmyCai/archive/2010/10/20/1856836.html