`
雁行
  • 浏览: 70715 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

ie6bug之div无法遮挡select

阅读更多
很多解决方案是倾向加一个iframe的
看了看,适用性一般,特别是对于类似div菜单这样的需求。

既然可以运行时隐藏或显示相关html元素,于是就采用了后者。
在div显示部分增加如下代码:

//hide select element in show area 

try{

var els=mainFrame.document.body.getElementsByTagName('select');
if(els.length>0){
for(var i=0;i<els.length;i++){
  els[i].style.display = 'none';
}
;
}
}catch(e){}




在div隐藏部分增加如下代码
//show select element in show area
try{

var els=mainFrame.document.body.getElementsByTagName('select');
if(els.length>0){
for(var i=0;i<els.length;i++){
  els[i].style.display = '';
}
;
}
}catch(e){}


分享到:
评论

相关推荐

    IE6 select z-index无效,遮挡div bug的解决方法

    今天我说说iframe解决的一般方法,已经使用jQuery插件bgiframe解决IE6 select z-index无效,遮挡div的bug。 解决方法之一:Iframe包裹select元素 使用iframe包住select,这样iframe有z-index,只要在div上设置的z-...

    ie6 select无法被div遮盖的bug解决方法

    在早期的Internet Explorer 6(简称IE6)浏览器中,存在一个著名的布局bug,这个问题主要涉及到`&lt;select&gt;`元素与`&lt;div&gt;`元素的层叠上下文(Z-index)处理。当一个`&lt;div&gt;`元素试图遮盖页面中的下拉列表框`&lt;select&gt;`时...

    IE6下div层被select控件遮住的问题解决方法

    在互联网的早期,尤其是IE6浏览器占据主导地位的时代,开发者们常常会遇到一个棘手的问题:在页面上,当一个`div`层位于`select`下拉框之上时,`select`控件会穿透`div`层显示出来,导致设计效果无法正常展现。...

    asp.net 自定义DropDownList(CustomDropDownList)(上一个有点bug)

    用DataGrid基于jQuery(实际上只用了它的按照类查找元素一个方法)写的自定义DropDownList,解决不能控制生成后的Select html控件不能控制zIndex而遮挡Div层及其他复杂样式,没有封装成dll,压缩包里是例子及所有用到...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -这个BUG导致Asp.net compatibility中的示例无法完成,现在已经修正。 +去除PageManager中方法AddAjaxAspnetControls,增加属性AjaxAspnetControls。 -这个属性和Button得ValidateForms属性类似,可以查看Asp...

    ExtAspNet_v2.3.2_dll

    -这个BUG导致Asp.net compatibility中的示例无法完成,现在已经修正。 +去除PageManager中方法AddAjaxAspnetControls,增加属性AjaxAspnetControls。 -这个属性和Button得ValidateForms属性类似,可以查看Asp...

    JS控件autocomplete 0.11演示及下载 1月5日已更新

    11. **IE中的div和select交互**:在Internet Explorer中,解决了div元素被select控件遮挡的问题,确保了在各种布局下的正常显示。 12. **方向键支持**:用户可以通过上下方向键选择列表中的建议项,增加了键盘导航...

    web前端面试

    - **IE6中的常见Bug及解决方案**: - **双像素边框问题**:可以通过设置`display: inline`来解决。 - **Min-height问题**:可以使用`important`来解决。 - **PNG透明问题**:可以使用JavaScript来实现。 - **...

Global site tag (gtag.js) - Google Analytics