`

弹出层Div 覆盖不住select控件的解决方法

阅读更多

<div id="mbDIV" style="display: none;">
<iframe src="javascript:false" style="position:absolute; visibility:inherit; top:0px; left:0px; width:100%; height:100%; z-index:-1; filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)';"></iframe>
</div>
-----在</div>前加入上面的语句
虽说div直接盖不住select
但是div可以盖iframe,而iframe可以盖select,
所以,把一个iframe来当作div的底,
这个div就可以盖住select了.

 


注意:是用来覆盖的层,不是用来显示内容的层

分享到:
评论

相关推荐

    jQuery 弹出层 浮动遮罩层 提示框 并随页面滚动而滚动

    jQuery.UI.Impromptu.js jQuery 弹出层 浮动层 提示框 并随页面滚动而滚动 实现弹出层不再难,只要引用jQuery.UI.Impromptu.js这个js文件后,想要弹出哪个tag都行了 如:我想要&lt;div id="ok"&gt;这里是弹出浮动遮罩层&lt;/...

    input触发弹出层,实现select 效果

    在这里,`div`将被用来构建弹出层,显示`select`的选项。开发者可以利用CSS来定制这个`div`的样式,包括颜色、大小、位置、过渡效果等,使其看起来像一个下拉菜单。 实现这种效果的基本步骤如下: 1. 创建一个`...

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

    然而,如果`div`的尺寸是动态变化的,例如在弹出窗口或模态框中,`iframe`的高度和宽度需要与`div`保持一致,以确保完全覆盖`select`控件。这可能需要JavaScript来实时获取`div`的尺寸,并将其应用到`iframe`上: `...

    zDialog是一个很实用的jquery弹出层

    尤其是对于IE6,zDialog解决了弹出层被select控件穿透的问题,这在很多其他弹出层插件中是常见的问题。 ### 2. 简洁的依赖 zDialog的一大优点是其简洁的依赖。无需额外的CSS文件,只需引入`Dialog.js`脚本,就可以...

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

    在IE6浏览器中,一个常见的布局问题是下拉选择框(select元素)在使用div元素制作蒙版或弹出层时会被覆盖,即使给div设置了更高的z-index也无法解决。此问题的根本原因在于IE6对z-index属性的解释与其它浏览器不同,...

    lhgdialog超强弹窗控件,支持缩放、拖动,丰富接口调用

    lhgdialog超强弹窗控件,支持遮罩,缩放、拖动,随滚动条滚动,丰富接口调用 可以外调页面,也可以显示html内容 我自己扩展如下: http://www.px915.com/lhgdialog/_demo.html 1、改变了弹窗的样式(自认为喜欢...

    ASP.NET 控件的使用

    4.2.1 创建弹出式日期选择器 135 4.2.2 根据数据库表呈现日历 137 4.3 显示广告 141 4.3.1 在XML文件中保存广告 141 4.3.2 在数据库表中存储广告 144 4.3.3 跟踪显示和转到 145 4.4 显示不同的页面视图 149 4.4.1 ...

    JQuery&CSS;&CSS;+DIV实例大全.rar

    3.jQuery弹出层插件PopupDiv-v1.0下载(支持ajax、居中等效果) 4.jQuery超炫淡入淡出效果DIV渐变居中弹出框插件下载 5.jquery黑色+蓝色风格DIV提示框示例 6.一款jQuery+DIV居中淡入淡出信息提示框示例 7.一...

    C# .aspx 弹出式登陆示例

    这段JavaScript代码使用jQuery库,当登录按钮被点击时,弹出层会显示出来。当然,实际的弹出式登录通常会更复杂,包括关闭按钮、动画效果以及与后端的异步通信(AJAX)等。 总结起来,"C# .aspx 弹出式登陆示例...

    使用iframe作为日历的载体,不再被select和flash等控件挡住的日期输入框

    本文将深入探讨如何利用iframe(Inline Frame)来承载日历插件,解决常见的UI问题:即避免日历弹出层被其他DOM元素(如`&lt;select&gt;`下拉菜单或Flash插件)遮挡的情况。通过这种方式,可以提升用户体验,并确保日期选择...

    用法CSS+JavaScript或纯js实现半透亮遮罩效果的实例分享_.docx

    为了解决这个问题,我们可以选择在弹出窗口下方添加一个`iframe`来覆盖`select`,或者在弹出窗口出现时临时隐藏`select`。这里我们采用第二种方法。在弹出窗口时,调用`DispalySelect(0)`隐藏所有`select`,关闭时...

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

    +Button, Window等控件弹出位置属性的变化。 -Window的Target属性由字符串类型变为枚举类型,注意更新以前的代码:Target="_self" -&gt; Target="Self", Target="_parent" -&gt; Target="Parent"。 -MenuButton, ...

    使用CSS+JavaScript或纯js实现半透明遮罩效果的实例分享

    1. 在弹出窗口下方添加一个`iframe`层,用以覆盖`select`控件。 2. 在弹出窗口时,临时隐藏`select`控件,关闭窗口时再恢复显示。 本实例中选择了第二种方法,通过JavaScript函数`DispalySelect(0)`和`...

    ExtAspNet_v2.3.2_dll

    +Button, Window等控件弹出位置属性的变化。 -Window的Target属性由字符串类型变为枚举类型,注意更新以前的代码:Target="_self" -&gt; Target="Self", Target="_parent" -&gt; Target="Parent"。 -MenuButton, ...

    《程序天下:JavaScript实例自学手册》光盘源码

    1.12 进入页面同时弹出欢迎对话框 1.13 禁止网页另存 1.14 禁止页面加入缓存 1.15 离开页面时弹出对话框 1.16 判断页面是否添加了W3C声明 1.17 屏蔽网页中的脚本 1.18 以频道模式打开页面 1.19 自动识别网页类型 ...

    程序天下:JavaScript实例自学手册

    1.12 进入页面同时弹出欢迎对话框 1.13 禁止网页另存 1.14 禁止页面加入缓存 1.15 离开页面时弹出对话框 1.16 判断页面是否添加了W3C声明 1.17 屏蔽网页中的脚本 1.18 以频道模式打开页面 1.19 自动识别网页类型 ...

    学习CSS网页制作:z-index在IE中的迷惑.pdf

    理解`z-index`和堆叠上下文的关系对于创建复杂的网页布局至关重要,特别是在需要处理浮动元素、弹出框、层叠菜单等交互式元素时。在IE浏览器中,由于历史兼容性问题,开发者需要特别注意`z-index`的处理方式,尤其是...

    无限菜单之 xml+popup 版(IE5.5+)

    回想一下菜单的特征:每次显示一级菜单,如果该级菜单中某菜单项中有子菜单,当鼠标经过或者点击该菜单项时弹出下级子菜单,这是一个递归的过程。如果我们可以:每次显示一级xml的内容,如果该级xml中某节点有子节点...

    基础《网页制作与网站建设》在线作业.pdf

    11. **信息框**:添加信息框(弹出信息)通常通过行为面板中的JavaScript代码实现。 12. **表格**:表格在网页布局中起重要作用,可以嵌套、添加链接,通过CSS样式修饰,也可辅助布局。 13. **事件**:要实现打开...

    angularjs模态框的使用代码实例

    模态框通常在页面背景上覆盖一个半透明层,焦点集中在弹出的对话框中。在本文中,我们将深入探讨如何使用AngularJS实现模态框的功能,并通过具体的代码实例进行讲解。 首先,让我们了解模态框的基本结构。在HTML...

Global site tag (gtag.js) - Google Analytics