用iframe解决ie6下div无法挡住select的实例

最新推荐文章于 2020-09-23 09:48:27 发布
原创 最新推荐文章于 2020-09-23 09:48:27 发布 · 1.3k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#iframe #div #ie

本文介绍了一种通过CSS样式设置使iframe在网页中不可见的技术方案。利用z-index属性将iframe置于内容层之下，实现视觉上隐藏的同时不影响页面布局。
<div style="margin:0px;padding:0px;position:absolute;left:251px;top:12px;width:400px;height:300px;overflow:hidden;border:1px solid #cccccc;">
<iframe src="" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" style="position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:-1;"></iframe>
<div>这里是真实的内容，把iframe的层次设置为z-index:-1;是让iframe永远看不见，不用考虑div的z-index</div>
</div>
select网页下拉列表与div层遮盖问题
12-12
第一就是比较有名的：一般div浮层在IE6下无法遮盖select元素的问题。首先提供了下面一个实例： 注解：如果你在FirFox下和IE7下看都 在html中关于select元素的问题在很多地方都提出过，而在前段时间的项目中，刚好...
同域jQuery(跨)iframe操作DOM(实例讲解)
10-26
这种技术在很多情况下被广泛使用，例如在实现上传功能、在IE6中处理select元素的兼容性问题，或是作为代理以及实现跨域交互。本文将重点介绍如何通过jQuery来操作iframe中的DOM结构。 首先，我们需要了解iframe标签...
IE6利用iframe遮挡 弹层 select
weixin_33994429的博客
06-29 113
ie6的老bug了，select老是会挡住 弹层里的内容。 解决办法：（box需要设置高度） &lt;div class="box"&gt; &lt;!--[if IE 6]&gt;&lt;iframe frameborder="0" style=" border:0;width:100%;height:100%;position:absolute;top:0;left:0;...
IE6下select下拉框遮住div层的解决方法(用iframe解决)
Akay的Web技术博客
04-03 1621
思路：iframe可以覆盖select,而层可以覆盖iframe。方法：在层里放一个比select级别高的iframe就可以了。实现：在div里面加入以下代码  。   注意：div的宽高要设定，这样iframe的100%宽高才有效，否则得给iframe设定固定的宽高。visibility:hidden!important;这个是为了让非IE6的浏览器下隐藏
IE6兼容性问题 select 遮盖div
EmmaGood的专栏
01-22 1150
在IE中,select属于window类型控件，它会“挡住”所有非window类型控件 可以这么理解，div这样的组件是在浏览器客户区使用代码“渲染”的， 他们被渲染在客户区的绘画表面上， 而select是使用的标准windows控件，只是作为客户区的子控件放置而已， 它会覆盖所有客户区绘画表面上“画”出来的一切，但不一定会覆盖其他类型的window控件， 比如iframe和其他的sel
用Iframe框架做DIV的底层，防止IE6内DIV显示问题
uiwgi的专栏
02-05 939
以下资料为网上搜索方法，然后根据自己实际使用编写。   --------------------------------用Iframe框架做DIV的底层，这样可以在IE6显示时，DIV被其它控件遮挡-----------------------------------------             function ShowHideUserDialog(
iframe必合写法不标准造成标签后面js alert不执行
Feiin的专栏
06-11 4816
直接上段代码                                    height="100%" />        alert("aaaa");// --> alert不执行原因  iframe必须这样必合才符合xhtml标准             height="100%
解决DIV在IE下被下拉列表select穿透的问题(二)
03-01
标题"解决DIV在IE下被下拉列表select穿透的问题(二)"所提及的，是一个典型的IE浏览器特有的问题。这个问题涉及到HTML中的`<div>`元素和`<select>`下拉列表之间的交互，具体表现为在Internet Explorer（特别是旧版本...
深度解析DIV在IE中select下拉穿透的解决方案
解决DIV在IE下被下拉列表select穿透的问题是一个常见且急需解决的Web兼容性问题。通过使用jquery.bgiframe插件，可以有效避免此问题，并保证不同浏览器下的用户体验一致性。通过阅读相关博文和示例代码，开发者能够...
解决layer 动态加载select 失效的问题
12-13
这是因为这类插件通常会将原生的select元素隐藏，然后用div等元素构建出具有特定样式的模拟选择框。这种方式在普通的页面中能够正常工作，但在layer的弹出层内，由于layer自身对样式的调整，可能导致这些模拟的...
2010.09.19——— 解决select不能跨iframe的问题
12-06 529
2010.09.19——— 解决select不能跨iframe的问题 一直有个问题 就是下拉框不能跨越iframe显示下拉选项 问题： top.jsp main.jsp top.jsp里面有一个下拉菜单 但是 点击时 下拉选项总是显示不出来，被ifarme挡住了 一直没有被解决 今天无意看到了一个MM_jumpMenu的函数 就试了一下 果然能跨iframe ...
iframe 下拉框显示问题（供自己参考）
束缚的博客
09-23 996
<div id="modify" class="easyui-dialog" data-options="modal:true,closed:true"></div> var url = getBasePath() +"/Pages/P2dtfx/P204qyfx/P204qrfxRgsjImport.jsp" $('#modify').dialog({ content: "<iframe src=\""+ur...
ie6直div覆盖不了select解决方式加入iframe
happyzwh的专栏
12-16 1027
var iframeHtml = '                        + 'frameborder="0" framespacing="0" style="filter:alpha(opacity:0);'                        + 'opacity:0;left:0px;top:0px;position:absolute;z-index:-1;">';
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值