`
阅读更多

<!--该层是弹出层的最外层的div-->

      

<div class="popup" style="width: 590px;">  

 

<!--此处添加一下代码可以遮罩父窗口的select标签-->

<!--原理:select为窗口级元素,所以div无法遮罩select,iframe和select为统计元素,通过设置iframe的z-index就可 以避免在ie6下的这种bug-->

 <div style="position:absolute;z-index:-1;width:100%;height:200px;border:0px;">
        <iframe style="width:100%;height:100%;margin:0px;

             padding:0px; margin: 0px;"      frameborder=0 />
  </div>

分享到:
评论

相关推荐

    poshytip插件在IE6中,被select遮罩问题

    总之,解决PoshyTip在IE6下被`&lt;select&gt;`遮罩的问题需要对IE6的渲染机制有深入的理解,并结合CSS和JavaScript技巧进行调整。尽管现代浏览器已经广泛替代了IE6,但在维护旧项目或支持老用户时,这些问题依然可能出现,...

    jquery 遮罩层

    ### jQuery 遮罩层详解 #### 一、概述 jQuery 是一款优秀的 JavaScript 库,它简化了 HTML 文档遍历、事件处理、动画以及 Ajax 交互等操作。本文主要介绍 jQuery 中的一个实用功能——遮罩层(Mask Layer),特别...

    DIV遮罩层如何实现

    4. 兼容性考虑:示例代码中特别提到了在IE6浏览器中,如果使用DIV元素作为遮罩层,可能会遇到无法遮挡&lt;select&gt;元素的问题,因此选择了使用元素作为遮罩层,以解决该兼容性问题。另外,还特别考虑了页面在无滚动条时...

    在浏览器窗口上添加遮罩层的方法

    3. **IE6的特殊处理**:在IE6下,遮罩层无法覆盖`select`元素,这可以通过在遮罩层内嵌入一个`iframe`来解决。`iframe`的目的是创建一个新的层,从而隔离遮罩层与`select`元素,防止选中穿透。 ```html ;...

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

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

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

    通过以上步骤,我们可以成功地使用`&lt;iframe&gt;`作为遮罩层,解决IE6下`&lt;select&gt;`无法被`&lt;div&gt;`遮盖的问题。值得注意的是,虽然这个方法在IE6中有效,但它并不适用于其他现代浏览器,因为这些浏览器已经修复了这个问题...

    解决DIV在IE下被下拉列表select穿透的问题(一)

    通过该插件,开发者可以创建一个动态的遮罩层或对话框,当select元素被点击时,显示遮罩层,防止select穿透。具体实现方式需参考插件文档和博客文章内容。 4. **升级或替换浏览器**:对于用户端,建议升级到较新的...

    JavaScript实现弹出DIV层同时页面背景渐变成半透亮效果_.docx

    - 在创建背景遮罩层时,使用 CSS 的 `opacity` 属性控制其透明度,初始值设为 0,然后通过 JavaScript 的 `showBackground` 函数逐步增加透明度,实现渐变效果。 - 对于 IE 浏览器,使用滤镜(`filter:alpha...

    百度Popup.js弹出框进化版 拖拽小框架发布 兼容IE6/7/8,Firefox,Chrome

    遮罩层可以在IE6、7、8下全屏,但在Firefox和Chrome下无法全屏遮罩。这是因为遮罩层的样式被设置为height:100%,而在有&lt;!DOCTYPE&gt;声明的页面中,这种方法无法与Firefox和Chrome兼容。通过研究网上流传的“luocheng”...

    JS打开关闭移动层动画实例

    此段代码专为IE浏览器编写,检测是否存在需要覆盖的`select`元素,并创建或重用`iframe`作为遮罩层。 ##### 3. 获取样式 ```javascript menuOC.prototype.getStyle = function (obj, stylename) { var curVal = "...

    Js制作简单弹出层DIV在页面居中 中间显示遮罩的具体方法

    可以遮挡ie6下的select元素 但是在ie6下div没有透明度 2.弹出的div可以一直在浏览器屏幕中间显示 问题: 1.目前不支持.class 只支持#id 2.需要显示的div需要自己设置css 3.在ie6下需要设置css 例如div {_position: ...

    超漂亮的jQuery AsyncBox弹窗插件

    摘要:脚本资源,jQuery,AsyncBox,弹出窗口,jQuery插件 一款基于jQuery的超漂亮 ... 它内置有拖动器、可设置标题栏图标,可静止定位、动画效果、针对IE6下是否使用 iframe 遮住 select、遮罩层、加载器、按钮式文本等。

    jQuery实现的浮动层div浏览器居中显示效果

    在`hide()`函数中,我们通过jQuery选择器找到遮罩层和浮动层,并使用`.remove()`方法移除遮罩层,使用`.hide()`方法隐藏浮动层,以此来实现关闭浮动层的功能。 综上所述,我们通过JavaScript和CSS技术,使用jQuery...

    jQuery插件实现可输入和自动匹配的下拉框

    然而,当与Bootstrap的Modal模态框结合使用时,可能会出现层叠性问题,因为Modal的遮罩层在z-index上通常高于select2生成的遮罩层和下拉列表。要解决这个问题,可以调整select2的z-index值,或者调整Modal的关闭按钮...

    仿XP关机效果的弹出窗口功能

    - **`function setSelectState(state)`**:该函数用于设置页面中所有`&lt;select&gt;`元素的可见状态,主要是在IE浏览器中避免弹窗遮挡下拉菜单的问题。 - **`function mousePosition(ev)`**:该函数用于获取鼠标点击位置...

    dialogTools-0.1.zip

    dialogTools是一个用于创建自定义对话框的小工具集,它自身不具备UI,但可以很方便的让你设计...dialogTools兼容IE6+与现代浏览器,其中IE6可以与现代浏览器一样实现css2.1 fixed定位,并解决了其select控件遮盖的BUG。

    javascript 弹出层组件(升级版)

    1. IE6下,当弹出层出现时,页面中的`select`元素无法被遮挡。为了解决这个问题,开发者建议在自定义的弹出层`div`中添加`iframe`以达到遮罩效果。组件自带的弹出层已经考虑到了这个问题,可以遮挡住`select`元素。 ...

    iFrame的妙用作为弹出层铺底覆盖

    大家如果做过那种黑色遮罩盖住整张页面,而碰巧用户用的是IE6,更碰巧的是页面上有select元素,那就有得头疼了(原理就不在这里赘述了)。我们会发现弹出的DIV没法遮住select, 轮到我们的iframe出场了。逻辑如下: ...

Global site tag (gtag.js) - Google Analytics