ie下用 iframe 盖住select 方法
以下是一个测试的静态html,为bug重现及及解决方法。
view sourceprint?01 <!doctype html>
02 <html>
03 <head>
04 <meta charset=”utf-8″>
05 <title>insert title here</title>
06 <style type=”text/”>
07 #d1,#d2 {
08 width: 400px;
09 height : 400px;
10 }
11 #d1 {
12 position : absolute;
13 top : 100px;
14 background : red;
15 z-index : 1;
16 }
17 #d2 {
18 position : absolute;
19 top : 150px;
20 background : blue;
21 z-index : 2;
22 }
23 </style>
24 </head>
25 <body>
26 <div id=”d1″>
27 <form>
28 <input type=”text” name=”username”/>
29 </form>
30 <p>中</p>
31 <form>
32 <iframe style=”z-index:1″><!– 用iframe 解决此bug –>
33 <select name=”country”>
34 <option value=”1″>china</option>
35 <option value=”2″>japanese</option>
36 <option value=”1″>u.s.a</option>
37 </select>
38 </iframe>
39 </form>
40 </div>
41 <div id=”d2″>ddd</div>
42 </body>
43 </html>