`
雁行
  • 浏览: 69315 次
  • 性别: 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){}


分享到:
评论

相关推荐

    用div+jq高仿ie6的select表单随内容增加-2012-11-1

    用div+jq高仿ie6的select表单随内容增加 进行了一个升级,将其做成一个类似插件的形式; 在html中,依旧是应用传统的select进行布局,只需要给select一个class为toDiv,就可以动态的将select替换为已经设置好了的div...

    ie6BUG解决方案

    ie6BUG解决方案

    div 模拟select 单选

    select 在ie6下覆盖div bug 解决方案。 div 模拟select 单选 在 body onload事件中调用init_select方法就可,参数传相关背景图片就可。我都已经放到资源包下了。

    解决 Ie 6下 select挡住div的通用函数

    /** * 让iframe 显示在 指定的div下面 针对ie6 select挡住div 的bug 采用 iframe来当作div的底 * * @param string divId 需要解决的div层 * @param string iframeId 采用的 IFRAME ,如果不指定 自动...

    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解决方法

    使用div制作蒙版或模拟弹出窗口,但在IE6下,当div下方有下拉列表框select元素的时候,下拉列表框会划破div显示在div之上,不论z-index设为何值均会出现此问题,可能由于下拉列表控件的弹出式下拉列表的原因导致Z轴...

    div 模拟 select 多选

    div 模拟 select 多选 实现还有点bug,望大家一起改正。

    Jquery 解决IE6 Select 框总是在图层(div)的上面显示的BUG

    利用Jquery解决IE6下,Select的Z-index过高的BUG 经常有朋友下拉菜单被Select遮盖。可以用此方法解决!

    ie特有bug文档

    ie特有bug

    IEbug、IE6页面问题

    IEbug、IE6页面问题、IE6样式问题

    解决IE6下三级下拉菜单被select遮挡的问题.docx

    解决IE6下三级下拉菜单被select遮挡的问题

    ie6 bug bug

    计师在输出时,最头痛的就是各大浏览器的兼容性了,特别是ie6,多用“可恶”“老不死”来形容!而我看来,其实不然,既然ie6还没“死”,还有很多人在用,特别在china,自然有它存在的理由!在此不再多说!下面以一...

    ie6-ie7 dom渲染bug demo

    ie6-ie7 dom渲染bug demo

    ie6bug问题解决

    这里面有几个mht格式的网页来详解ie6下的bug问题!!!

    IE6特有bug兼容性问题整理

    定位的,IE6只能说是半支持,好吧,这么说吧,可能不太严谨,就是背景图片固定的效果似乎只在根结点起作用。举个很简单的例子: 先看这段css代码: body{background:url(../image/404.png) no-repeat fixed center ...

    9个最常见IE的Bug及其fix

    9个最常见的IE6 Bug,快解决头疼的IE6吧

    IE6之Select的Z-Index設定【解决IE6的z-indexBUG】

    在IE6的環境下,如果網頁上有div區塊和下拉選單重疊在一起的時候,即使再怎麼調整下拉選單的z-index,下拉選單還是會把div區塊蓋住(在Firefox是正常的),google了一下網路上的資料,大多是用iframe來解這個問題,但...

    CSS之IE BUG分析与解决

    1 在IE6中,设定height为固定值时,当内容高于此设定值时,div框会自动扩展,而在IE7、IE8与firfox中div高度为固定值,不会扩展。Width同理。 标准 IE6 2 当设定min-height时,在标准浏览器中,表现为与IE6设定固定...

    IE6下Select元素被div等元素覆盖的解决办法

    但是IE6有一个神奇的逻辑,div 无法覆盖select,但是iframe 可以覆盖select,而div可以覆盖iframe,所以解决办法就是用Z轴高度更高的Iframe元素,包裹或覆盖住下拉列表框控件,使其回到正常的Z轴高度上来!...

Global site tag (gtag.js) - Google Analytics