web兼容行探究1:IE 6 select节点显示在绝对布局之上的解决方法

解决方式就是在绝对布局的元素下放置一个一样大小的iframe元素,这样iframe可以将select盖住,同时解决了问题.

源码如下:

 1 <!-- IE6BUG select在絕對定位的元素之上顯示 -->

 2         <!-- 解決方法:將一個同樣大小的iframe放在絕對定位的元素之下 -->

 3         <select><option>請選擇</option> </select>

 4         <div id="Test"></div>

 5         <iframe id="TestMask" ></iframe>

 6     </form>

 7 

 8 

 9 ...

10 

11 <script>

12  #Test

13          {

14              width:200px;

15              height:200px;

16              background:red;

17              position:absolute;

18              left:50px;

19              top:480px;

20              z-index:2;

21          }

22            #TestMask

23          {

24              width:200px;

25              height:200px;

26              background:red;

27              position:absolute;

28              left:50px;

29              top:480px;

30              z-index:1;

31          }

32              

33     </style>

View Code