ie下用 iframe 盖住select 方法
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/css教程">
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>
- 上一篇：兼容IE FF 浮动层实现方法
- 下一篇：CSS的BUG：IE6中一个奇怪的现象！
