首页 > Web开发 > 详细

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

时间:2015-03-17 21:44:39      阅读:251      评论:0      收藏:0      [点我收藏+]

解决方式就是在绝对布局的元素下放置一个一样大小的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

 

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

原文:http://www.cnblogs.com/fanglorry/p/4345459.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!