IE6中select控件遮盖问题

最新推荐文章于 2015-02-12 14:03:57 发布
最新推荐文章于 2015-02-12 14:03:57 发布
阅读量564 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 其他 文章标签： ie iframe
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/l1981z/article/details/3766465
本文介绍了一种解决遮盖层问题的有效方法。通过在遮盖层中加入特定的iframe代码，可以确保遮盖层正确地覆盖其目标元素，无论该元素的大小如何变化。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

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

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

<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>

IE6下Select元素被div等元素覆盖的解决办法
12-08
可能由于下拉列表控件的弹出式下拉列表的原因导致Z轴高度失控。但是IE6有一个神奇的逻辑，div 无法覆盖select,但是iframe 可以覆盖select，而div可以覆盖iframe，所以解决办法就是用Z轴高度更高的Iframe元素，包裹或覆盖住下拉列表框控件，使其回到正常的Z轴高度上来！ 解决办法一：Iframe包裹select元素 Code 复制代码代码如下: <iframe style=”z-index:1″ style=”z-index:1″><!– 用iframe 解决此bug –> <select name=”country”> <option value=”1″>china
JavaScript实现城市选择控件的效果
10-21
例如，传统SELECT元素在IE6中无法被遮盖，因此需要使用JavaScript来模拟SELECT元素，确保在不同浏览器中都能正常显示和工作。 此外，为了提高用户体验，控件代码需要经过压缩，减小体积，加快加载速度。同时，在...
IE6下div遮盖select的最优解决方案
weixin_34273481的博客
04-24 150
a.本节精选html5/css频道里一款IE6下div遮盖select的最优解决方案    原理：利用iframe来遮挡select，再用div来遮挡iframe，就这么简单。        1）首先，建一个div层和iframe层；        2）再设置它们的属性，重要的样式是用z-index来控制iframe和div的显示顺序，z-index的值越大，他会在表层显示。        （注...
ie6 select无法被div遮盖的bug解决
zhdd1234的专栏
11-05 649
ie6 select无法被div遮盖的bug解决
IE6兼容性问题 select 遮盖div
EmmaGood的专栏
01-22 1132
在IE中,select属于window类型控件，它会“挡住”所有非window类型控件 可以这么理解，div这样的组件是在浏览器客户区使用代码“渲染”的， 他们被渲染在客户区的绘画表面上， 而select是使用的标准windows控件，只是作为客户区的子控件放置而已， 它会覆盖所有客户区绘画表面上“画”出来的一切，但不一定会覆盖其他类型的window控件， 比如iframe和其他的sel
IE6 select穿透问题(div 定位无法遮盖select)!
杨有梦的博客
11-17 3071
此问题，早有耳闻，但是一直都没有亲身碰到过，也就没有过多的去在意这些问题。 这一回总算是见识到了ie的厉害，虽是在ie选项中大大的写着ie版本是ie11 ，但是有些部分确实走的ie6的内核，怪不得微软天天在各种window update. 解决此问题的方法很简单，给你需要显示的内容的后面加一个iframe，让他去挡住select不要穿透过来，这样世界就算是清净了。 如下html:
CSS怎么去掉select的下拉箭头样式
12-13
这段代码将隐藏IE浏览器中`select`元素的下拉箭头。 总结起来，要去除`select`元素的下拉箭头样式，我们可以结合使用`appearance`属性及其浏览器特定的前缀，以及`::-ms-expand`伪元素。同时，通过设置背景图像和内...
JavaScript实现的ajax城市选择控件.rar
07-09
javascript 打造城市选择控件，兼容IE6以及以上，谷歌，Firefox，在淘宝旅行上看到的城市选择效果，感觉还不错，就...支持鼠标上下键选择城市，支持直接输入城市名称，拼音首字母，全拼，支持IE6遮盖SELECT，压缩后12K
JavaScript实现高效兼容的城市选择控件
- 支持IE6遮盖SELECT。 5. 代码优化：该控件在压缩后的体积只有12K，这说明作者在代码优化上做了大量的工作。通过使用各种代码优化技术，如去除无用代码、合并文件、使用更短的变量名和函数名等，可以有效减少代码...
IE6下select下拉框遮住div层的解决方法(用iframe解决)
Akay的Web技术博客
04-03 1613
思路：iframe可以覆盖select,而层可以覆盖iframe。方法：在层里放一个比select级别高的iframe就可以了。实现：在div里面加入以下代码  。   注意：div的宽高要设定，这样iframe的100%宽高才有效，否则得给iframe设定固定的宽高。visibility:hidden!important;这个是为了让非IE6的浏览器下隐藏
ie6下select覆盖div的解决办法
12-24
ie6下select覆盖div的解决办法
jQuery解决IE6 DIV层被OBJECT、SELECT控件遮盖问题
维C
07-30 237
&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
解决 IE6 下 select 的覆盖问题
lpbottle的专栏
12-07 595
方法简要说明：用 iframe 来当作 div 的底 比如一个半透明遮罩层下面有 select，在 IE6 下肯定是遮不住 select 这个丑的，这个时候你就可以这么用了，如下： iframe 的样式如下： #lightbox iframe {     position: absolute;     top: 0;     left: 0;     z-index: -
IE6下遮盖select，并解决页面滚动时，select闪烁问题
03-15 581
最近项目采用了jquery作为js库，easyui作为前提ui，但是它的的弹出宽遮罩没有解决IE6下select的穿透div层的问题， 进过讨论，决定采用iframe来覆盖select的方式解决。 用了iframe覆盖解决了传统问题，但是新的问题又出现了，如果页面有滚动条时，页面滚动的时候，被覆盖的select闪烁很厉害，页面停止了，闪烁也停止了，由于我们项目还采用了blockUI...
IE6中div不能覆盖select的问题
02-12 541
在ie6下，我们使用select的时候，会发现不管对上层的div的z-index给多大的值，select总是要从下面冒出来。     如下图所示效果，鼠标移动到儿童票购买须知时弹出浮动层，正常情况下，浮动层应该遮住下面的select下拉列表。ff等浏览器中显示正常，如图1所示：     但是在ie6中如图2所示： 解决方法1：用div遮盖iframe 解决方法2：jQuery插
IE6下弹出div覆盖select下拉框
weixin_30376453的博客
04-29 123
IE6下弹出div覆盖select下拉框 第一次在这写总结：以前都在百度上写，总感觉自己太菜，不敢在这写，但是想想写了大家不给提议建进步是很慢的，以后就在这写吧！ 解决办法： 以iframe作为div的子元素，用iframe去掩盖select元素。让iframe同div高宽一样，并z-index要比div低！ 例如： //这是selec...
IE6：防止Select等元素遮挡弹出Div层
huangxw000的专栏
02-15 2958
弹出一个新的窗口，只需要window的open方法就搞定了，弹出层就需要用js来控制它的一些CSS属性，如果是IE6以上的浏览器（不包括IE6），是不需要多少行代码的，但是在IE6中就有些麻烦，因为在IE6中Select控件和一些图片元素会遮挡在弹出层的上面，无法达到预期的效果。         上网找了很多解决方案，找出了一种自认为比较容易操作的办法，现和大家分享。Select在IE6下是处于
IE6下select下拉框覆盖div的问题
whaosy的专栏
12-12 1199
测试代码：   http://www.w3.org/TR/html4/strict.dtd">        Untitled Document          sdf   dfgdfgdfgdfgdfgdfgdfgdfgdfdfgdfgdfgdfgdfgdfgdfgdfgddfgdfgdfgdfgdfgdfgdfgdfgd   dfgdfgdfgdfgdfgdfgdf
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值