IE6中select控件遮盖问题

最新推荐文章于 2021-01-18 18:36:52 发布
原创 最新推荐文章于 2021-01-18 18:36:52 发布 · 588 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
收录于
其他

当前文章被收录于：

其他
6 篇文章 0 人学习
订阅专栏 查看详情
本文介绍了一种解决遮盖层问题的有效方法。通过在遮盖层中加入特定的iframe代码，可以确保遮盖层正确地覆盖其目标元素，无论该元素的大小如何变化。

曾经在一个项目中遇到这样的问题，找到了一个解决办法。

在遮盖层加入下面的代码：

<iframe style="position:absolute;z-index:-1;width:expression(this.nextSibling.offsetWidth);height:expression(this.nextSibling.offsetHeight);top:expression(this.nextSibling.offsetTop);left:expression(this.nextSibling.offsetLeft);" frameborder="0">

</iframe>

标签
#ie #iframe
IE6下Select元素被div等元素覆盖的解决办法
09-25
在页面设计时，经常会使用div制作蒙版或模拟弹出窗口，但在IE6下，当div下方有下拉列表框select元素的时候，下拉列表框会划破div显示在div之上，不论z-index设为何值均会出现此问题，
ie6下select覆盖div的解决办法
12-24
ie6下select覆盖div的解决办法
IE6兼容性问题 select 遮盖div
EmmaGood的专栏
01-22 1185
在IE中,select属于window类型控件，它会“挡住”所有非window类型控件 可以这么理解，div这样的组件是在浏览器客户区使用代码“渲染”的， 他们被渲染在客户区的绘画表面上， 而select是使用的标准windows控件，只是作为客户区的子控件放置而已， 它会覆盖所有客户区绘画表面上“画”出来的一切，但不一定会覆盖其他类型的window控件， 比如iframe和其他的sel
解决 IE6 下 select 的覆盖问题
lpbottle的专栏
12-07 625
方法简要说明：用 iframe 来当作 div 的底 比如一个半透明遮罩层下面有 select，在 IE6 下肯定是遮不住 select 这个丑的，这个时候你就可以这么用了，如下： iframe 的样式如下： #lightbox iframe {     position: absolute;     top: 0;     left: 0;     z-index: -
IE6下遮盖select，并解决页面滚动时，select闪烁问题
03-15 618
最近项目采用了jquery作为js库，easyui作为前提ui，但是它的的弹出宽遮罩没有解决IE6下select的穿透div层的问题， 进过讨论，决定采用iframe来覆盖select的方式解决。 用了iframe覆盖解决了传统问题，但是新的问题又出现了，如果页面有滚动条时，页面滚动的时候，被覆盖的select闪烁很厉害，页面停止了，闪烁也停止了，由于我们项目还采用了blockUI...
IE6下弹出div覆盖select下拉框
weixin_30376453的博客
04-29 151
IE6下弹出div覆盖select下拉框 第一次在这写总结：以前都在百度上写，总感觉自己太菜，不敢在这写，但是想想写了大家不给提议建进步是很慢的，以后就在这写吧！ 解决办法： 以iframe作为div的子元素，用iframe去掩盖select元素。让iframe同div高宽一样，并z-index要比div低！ 例如： //这是selec...
jQuery解决IE6 DIV层被OBJECT、SELECT控件遮盖问题
维C
07-30 259
&lt;script type="text/javascript" src="/js/jquery-1.6.1.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="/js/jquery.bgiframe.min.js"&gt;&lt;/script&gt;   页面引入jquery
Ext界面下做图片动态加载的图片放大镜效果并解决IE6下遮罩mask无法遮盖HTML的select控件问题
学技术的时期
08-22 2244
直接贴一段源码吧： if (typeof (this.mask) == "undefined") { this.mask = document.createElement("div"); this.mask.id = this.oim.__maskid + "_
IE6不能遮罩select
wjwang_jie的专栏
08-01 257
为弹出层自动添加iframe遮盖层以实现IE6下遮住Select控件   代码实现：
一个JS图片放大镜，实现动态记录的图片放大，避免内存泄露，解决IE6下无法遮盖select控件问题
学技术的时期
08-22 5460
/** qsoft.PopBigImage version：0.35 author： kimmking@163.com date： 2009年3月25日3:54:50 version：1.1
Ext界面下做图片动态加载的图片放大镜效果并解决IE6下遮罩mask无法遮盖HTML的select控件问题...
WEBCODE
05-09 113
直接贴一段源码吧： if (typeof (this.mask) == "undefined") { this.mask = document.createElement("div"); this.mask.id = this.oim.__maskid + "_mask"; this.mask.style.position = "absol...
IE6下div覆盖select解决方案
claymore1114的专栏
01-31 6277
在IE6下 弹出的div层无法遮盖DropDownList/select控件，如下方法可行： <!-- function divdis() { var divs = document.getElementById("divdis"); var iffram = document.getElementBy
Javascript公共脚本库系列(四) 改进的弹出层脚本
diaoshisun9421的博客
02-24 140
一.摘要 本篇文章并没有为系列文中构造的轻量级脚本库添加新的方法, 而是改进了原有弹出浮动层的方法. 对方法中获取位置的函数重构出来, 为弹出层自动添加iframe遮盖层以实现IE6下遮住<Select>控件. 又放在此系列文章中也是对自己学习过程的一次记录. 二.关于弹出层无法遮盖select的问题 在IE6下存在一个Bug: 如果弹出层是一个div, 并且在弹出层下...
优秀jQuery插件
百川异源，终归于海
11-22 2656
utils plugin jQuery.bgiframe bgiframe在元素中插入一个不显示的iframe，解决IE6中select元素无法被遮盖的问题。 目前http://js.jrjimg.cn/lib/jquery.js (jquery-1.3.2.min.js 、jquery-1.4.4.min.js )中已经有bgiframe插件 jQuery.ifram
解决IE中DIV无法遮盖SELECT的问题
teresa502的专栏
05-06 785
解决IE中DIV无法遮盖SELECT的问题   下拉框，即Html的SELECT元素，.net设计时的DropDownList，是HTML中的windowed  element，尤其ie6之后，几乎是唯一的windowed  element（还有popup等少量极少用的的）。  普通的元素，textbox,  div,  table……这些，属于windowless  element，它
解决DIV层被OBJECT、SELECT控件遮盖问题
shadow_zed的博客
01-18 407
浮动层或便捷菜单给用户操作极大的便利。使用IE6、7时，SELECT控件不能被DIV遮盖。OBJECT控件也不能被DIV遮盖。究其原因，大多表单控件或HTML控件是使用浏览器本身渲染绘制，因此层次可以由浏览器自身控制。而SELECT控件是Windows窗口控件，同样可见型ActiveX容器也是使用面向Windows技术开发。它们表现实质仍是相同，都是Windows窗口包含句柄。因此，浏览器不能对其调整层次，浏览器本身与他们都是平级的。尽管IE8中解决了SELECT控件的问题，但OBJECT控件依然没办法改变
解决div层被select下拉框遮盖的问题
URL的专栏
04-27 7500
在IE里，层DIV被下拉框SELECT遮盖，这是IE的bug之一，原因在于select的优先级别比div高。因此无论如何用css属性z-index设置都没用。所以，解决的办法有两种在显示div的时候隐藏所有select让div里的内容比select的优先级还要高第一种方法显然比较麻烦，特别是当select比较多且位置不固定的时候，很容易将不该隐藏的也隐藏了。第二钟办法更好一些。常用的优先级比sel
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值