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> </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

posted on 2010-10-20 16:44 JimmyCai 阅读(276) 评论(0) 编辑收藏举报

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

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