`

IE6 扫描页面 select 并用iframe 遮挡

ie 
阅读更多
$.fn.fix_ie6Select = function () { 
        /// <summary> 
        /// 兼容弹出层在 IE6 下不能掩盖 Select 
        /// </summary> 
        return this.each(function (index) { 
            var frm = $(this).find('iframe[tag*="ie6Selector"]'); 
            if ($.browser.version == "6.0") { 
                var w = $(this).width(); 
                var h = $(this).height(); 
                if (frm.length == 0) { 
                    $(this).prepend('<iframe tag="ie6Selector" src="" frameborder="no" marginwidth="0" marginheight="0" style="border:none;position:absolute;visibility:inherit;top:0px;left:0px;width:' + w + 'px;height:' + h + 'px;z-index:-1;"></iframe>'); 
                }  
                else { 
                    frm.css("width", w); 
                    frm.css("height", h); 
                } 
            } 
        }); 
    };
分享到:
评论

相关推荐

    jQuery UI dialog IE6下处理select框被遮挡jquery.bgiframe.js

    jQuery UI dialog IE6下处理select框被遮挡jquery.bgiframe.js

    ie6下select遮挡div

    标题“ie6下select遮挡div”指出的是一个典型的IE6特有的问题:当在网页上使用select下拉框时,它会覆盖在其他使用绝对或相对定位的元素(如div)之上,导致这些元素无法正常显示。这个问题对于设计美观且交互性强的...

    解决IE6中 Div层挡不住Select组件

    1. **使用iframe**:将需要覆盖`select`的`div`内容放入一个`iframe`中,由于`iframe`在IE6中拥有独立的堆叠上下文,可以有效遮挡`select`。 2. **模拟Select**:使用JavaScript或jQuery库(如`select2`或`...

    解决下拉菜单被iframe遮住问题

    在网页设计中,下拉菜单经常用于实现导航或者选项选择,但当这些菜单位于一个`iframe`元素内部时,可能会遇到被`iframe`遮挡的问题。这个问题主要涉及到浏览器的层叠上下文(CSS Z-Index)和`iframe`的渲染机制。...

    解决IE6 中select 穿透 div 等层的问题

    这个IFrame可以解决IE6中的z-index问题,使元素能够正确地遮挡住`&lt;select&gt;`。使用bgiframe时,需要引入jQuery库和bgiframe插件,并调用相应的方法将插件应用到目标元素上。 2. 创建透明IFrame:不依赖jQuery的情况...

    ie6下select覆盖div的解决办法

    在IE6浏览器中,由于其独特的布局模型,经常会出现Select元素覆盖Div元素的情况,这个问题让很多前端开发者头疼。本文将详细解析这个问题的原因,并提供多种有效的解决办法。 首先,我们需要了解问题的根本原因。在...

    完美解决IE6下select控件样式

    "完美解决IE6下select控件样式"的资源针对的就是这个历史悠久的问题。Select控件是HTML中用于创建下拉菜单的元素,但在不同的浏览器中,其默认样式可能会有很大差异,特别是对于IE6,它的呈现效果通常不符合现代网页...

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

    在IE6浏览器中,由于其自身的布局和渲染机制存在一些bug,导致在实现多级下拉菜单时,可能会出现下拉菜单被页面中的`&lt;select&gt;`元素遮挡的问题。这个问题对于网页开发者来说是一个常见的头疼问题,尤其是在需要兼容旧...

    select 从 iframe 中跑出来咯。。。郁闷

    使用iframe遮盖select出现的问题

    layui layer select 选择被遮挡的解决方法

    然而,在实际应用中,当layer弹窗内的select组件展开时,有时会出现被其他元素遮挡的问题,这会严重影响用户体验。为了解决这一问题,我们可以采取以下策略。 首先,我们要理解导致select被遮挡的原因。通常,layer...

    解决div总是被select遮挡的问题.rar

    在本案例中,"解决div总是被select遮挡的问题.rar"提供了解决方案,通过引入一个透明的`iframe`来规避这一现象。 首先,我们需要理解Z轴顺序的概念。在CSS中,`z-index`属性用于指定元素在堆叠上下文中的层级。具有...

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

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

    select2兼容ie8版本的js css zh-cn.js

    《关于Select2在IE8及更高版本中的兼容性与应用》 在Web开发过程中,兼容性问题始终是一个棘手的问题,尤其是对于那些老旧但仍然被广泛使用的浏览器,如Internet Explorer 8 (IE8)。Select2,作为一个强大的下拉框...

    jQuery select小控件适用IE6、IE7、IE8

    提供原代码,可以根据自己的项目要求修改,只在IE6、IE7、IE8、IE9中测试。有问题联系邮箱:zliuyao2010@163.com 初始化构造 &lt; input id="text1" type="text" echange="echange" class="e_select" style="width: ...

    select2兼容ie8版本

    Select2下拉搜索框为您提供了一个可自定义的选择框,该框支持搜索,标记,远程数据集,无限滚动以及许多其他常用选项。 此版本兼容ie8 9 10 11,谷歌 火狐 等浏览器,有需要的同学可以下载,内附demo。

    在IE6中浮动层遮盖不住select的方法

    创建一个透明的`&lt;iframe&gt;`,设置其大小和位置覆盖在浮动层和`&lt;select&gt;`之上,由于`&lt;iframe&gt;`在IE6中具有更高的Z-index,可以有效地遮挡`&lt;select&gt;`。需要注意的是,`&lt;iframe&gt;`的`src`属性通常设为空或者一个透明的...

    IE6下 Jquery EasyUI 弹出窗口层无法挡住select 组件 解决方案

    本文将详细探讨一个特定的问题,即在Internet Explorer 6(IE6)环境下,使用JQuery EasyUI时,弹出窗口(对话框)无法正确遮挡页面上的select组件,以及如何解决这一问题。 JQuery EasyUI是一个基于jQuery的UI库,...

    父页面得到iframe的数据和iframe页面得到父页面的数据.txt

    在IT领域,网页编程尤其是JavaScript和jQuery操作DOM元素时,涉及到父页面与iframe子页面之间的数据交互是一项常见但又相对复杂的技术。本文将基于提供的文件信息,深入解析父页面如何获取iframe子页面的数据,以及...

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

    在IE6中,`&lt;iframe&gt;`可以覆盖`&lt;select&gt;`,同时`&lt;div&gt;`又能覆盖`&lt;iframe&gt;`。通过巧妙地调整`&lt;iframe&gt;`和`&lt;div&gt;`的`z-index`属性,我们可以创建一个层次结构,使得`&lt;select&gt;`最终被有效地遮盖住。 具体实现步骤如下:...

    不会被下边select遮挡的日历控件 日历控件被select遮挡

    这里提到的“不会被下边select遮挡的日历控件”是一个特定的场景,涉及到日历控件在网页或应用程序中的显示优化。在网页设计或开发时,日历控件常常用于日期选择功能,而`&lt;select&gt;`元素则是下拉菜单,通常用于提供一...

Global site tag (gtag.js) - Google Analytics