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

开发 前端
本文和大家分享一下DIV层在IE6下被下拉框遮挡的解决方法,在IE6中DropDownList是Browser调用的系统控件,这种组件的显示优先级比普通的IE控件高。

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

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

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

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

实例代码如下:

  1. <styletypestyletype="text/css"> 
  2. dl#iframe1{display:none;_display:block;position:absolute;  
  3.  
  4. top:0;left:0px;z-index:-1;filter:mask();width:110px;height:420px;}  
  5. </style> 
  6. <liidliid="dictionary"><ahrefahref="#">标题</a> 
  7. <dl> 
  8. <dd> 
  9. <ahrefahref="index.php?id=0"target="_self"title="The">内容</a> 
  10. </dd> 
  11. <dd> 
  12. <ahrefahref="index.php?id=13"target="_self"title="Styling">内容</a> 
  13. </dd> 
  14. <iframeidiframeid="iframe1"></iframe> 
  15. </dl> 
  16. </li> 
  17.  

【编辑推荐】

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

 

责任编辑:佚名 来源: phpzixue.cn
相关推荐

2010-08-19 09:29:26

hoverIE6

2010-08-19 14:43:49

IE6IE7IE8

2010-08-18 15:41:38

IE6E7Firefox

2010-08-25 11:36:19

IE6margin

2010-08-19 15:04:26

IE6DIV

2010-09-02 16:18:33

CSSDIVIE6

2010-08-24 10:53:49

CSSpaddingIE

2010-08-18 16:18:59

IE6CSS

2010-10-08 14:39:43

IE6DIVIE7

2010-08-27 15:38:21

兼容IE6IE7

2010-08-18 15:22:28

IE6IE7Firefox

2010-02-01 08:41:23

GoogleIE6

2010-08-25 11:23:31

IE6margin

2010-08-18 13:45:07

IE6IE7FF

2010-08-27 15:44:47

2010-08-18 16:10:35

IE6CSS

2010-08-27 14:55:23

IE6IE7IE8

2010-08-18 09:24:09

IE6兼容性

2010-08-17 16:18:23

IE6IE7FF

2009-08-14 09:20:40

抵制IE6
点赞
收藏

51CTO技术栈公众号