DIV层在IE6下被下拉框遮挡的解决方法

你对DIV层在IE6下被下拉框遮挡的解决方法是否了解，这里和大家分享一下，IE6中DropDownList是Browser调用的系统控件，这种组件的显示优先级比普通的IE控件高，浮动层中的控件就不能够遮盖这些系统控件。

发展壮大离不开广大客户长期以来的信赖与支持，我们将始终秉承“诚信为本、服务至上”的服务理念，坚持“二合一”的优良服务模式，真诚服务每家企业，认真做好每个细节，不断完善自我，成就企业，实现共赢。行业涉及工商代办等，在网站建设、营销型网站、WAP手机网站、VI设计、软件开发等项目上具有丰富的设计经验。

DIV层在IE6下被下拉框遮挡的解决方法

在IE6中DropDownList是Browser调用的系统控件，这种组件的显示优先级比普通的IE控件高，浮动层中的控件就不能够遮盖这些系统控件。

解决的办法是：做两个浮动层，一个浮动层的根标签是IFrame，另一个浮动层的根标签是DIV，两个浮动层的位置、大小均相等，然后先显示IFrame浮动层，再显示DIV浮动层，这样IFrame浮动层就为DIV浮动层遮盖住了下面的控件。

实例代码如下:

 
 
 
  
  
  
 
  
  
  
dl#iframe1{display:none;_display:block;position:absolute;  
  
  
  
 
  
  
  
top:0;left:0px;z-index:-1;filter:mask();width:110px;height:420px;}  
  
  
  
 
  
  
  
标题 
  
  
  
 
  
  
  
 
  
  
  
内容 
  
  
  
 
  
  
  
 
  
  
  
内容 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
   
  
  
 
 
 

【编辑推荐】

1. JavaScript巧解IE6至IE8兼容问题
2. 解决DIV在IE6下无法遮盖select
3. 剖析Margin和Padding属性中四个值的先后顺序及区别
4. 九步轻松解决IE6的各种疑难杂症
5. 技术前沿 一段JS代码轻松解决IE6-IE8的兼容性问题

文章题目：DIV层在IE6下被下拉框遮挡的解决方法
网站链接：http://www.gawzjz.com/qtweb2/news1/22351.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联