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

最新推荐文章于 2020-05-27 09:22:32 发布
最新推荐文章于 2020-05-27 09:22:32 发布
阅读量1.2k 收藏
点赞数
分类专栏： 网站建设 文章标签： iframe div ie
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/freejs/article/details/3131789
版权
<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>
piperzero
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
IE6下div层被select控件遮住的问题解决方法
12-13
这个应该在网上有很多解决的办法，只不过很多问题解决了之后就忘了，之后遇到了再去找有时就找不到了，就当给自己做个笔记了 方法很简单在层里套个iframe <div>能看见我了吗?<iframe frameborder="0" ></...
element-ui中点击iframe下拉框不收起
coderMozart的博客
12-15 1408
项目场景： 在页面中存在多个下拉框选项和iframe,当点击有下拉框存在时，点击iframe区域不收起，点击iframe意外区域会收取 问题案例： 案例链接 点击页面中的下拉框组件，再点击红色iframe区域，下拉框不收起，点击红色以外的区域，下拉框收起。 @Override public void run() { bytes = mmInStream.read(buffer); mHandler.obtainMessage(READ_DAT
iframe解决层和select下拉框显示问题
Roka的专栏
07-01 4060
由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现层被下拉框遮拦的问题。（如果几个元素都是层的话，我们可以通过层的 z-index 属性来设置）解决办法就是：给层中放一个优先级比下拉框更高的元素（iframe），从而解决此问题！具体解决代码如下： item 1item 2menuA form selecti
IE6兼容性问题 select 遮盖div
EmmaGood的专栏
01-22 1064
在IE中,select属于window类型控件，它会“挡住”所有非window类型控件 可以这么理解，div这样的组件是在浏览器客户区使用代码“渲染”的， 他们被渲染在客户区的绘画表面上， 而select是使用的标准windows控件，只是作为客户区的子控件放置而已， 它会覆盖所有客户区绘画表面上“画”出来的一切，但不一定会覆盖其他类型的window控件， 比如iframe和其他的sel
js 动态iframe标签加载完成回调方法
qq_30908729的博客
05-27 3136
js 动态iframe标签加载完成回调方法 解决方法： 1.调用 var myFrame = document.createElement('iframe'); myFrame.src='http://cas.com/login'; myFrame.style.display="none" document.body.appendChild(myFrame); this.iframeR...
IE6下select下拉框遮住div层的解决方法(用iframe解决)
Akay的Web技术博客
04-03 1549
思路：iframe可以覆盖select,而层可以覆盖iframe。方法：在层里放一个比select级别高的iframe就可以了。实现：在div里面加入以下代码  。   注意：div的宽高要设定，这样iframe的100%宽高才有效，否则得给iframe设定固定的宽高。visibility:hidden!important;这个是为了让非IE6的浏览器下隐藏
IE6下Select元素被div等元素覆盖的解决办法
12-08
但是IE6有一个神奇的逻辑，div 无法覆盖select,但是iframe 可以覆盖select，而div可以覆盖iframe，所以解决办法就是用Z轴高度更高的Iframe元素，包裹或覆盖住下拉列表框控件，使其回到正常的Z轴高度上来！ 解决办法...
IE6 select z-index无效，遮挡div bug的解决方法
12-09
今天我说说iframe解决的一般方法，已经使用jQuery插件bgiframe解决IE6 select z-index无效，遮挡div的bug。 解决方法之一：Iframe包裹select元素 使用iframe包住select，这样iframe有z-index，只要在div上设置的z-...
Div Select挡住的解决办法
12-11
Div下拉菜单被Select挡住的解决办法</title> </head><body> <div style=”z-index: 10; position: absolute; width: 100; height: 18; overflow: hidden;” onmouseover=”this....
ie6直div覆盖不了select解决方式加入iframe
happyzwh的专栏
12-16 982
var iframeHtml = '                        + 'frameborder="0" framespacing="0" style="filter:alpha(opacity:0);'                        + 'opacity:0;left:0px;top:0px;position:absolute;z-index:-1;">';
用Iframe框架做DIV的底层，防止IE6内DIV显示问题
uiwgi的专栏
02-05 860
以下资料为网上搜索方法，然后根据自己实际使用编写。   --------------------------------用Iframe框架做DIV的底层，这样可以在IE6显示时，DIV被其它控件遮挡-----------------------------------------             function ShowHideUserDialog(
框架嵌套iframe标签常见的几种使用方法
weixin_30853329的博客
05-07 506
在网站建设领域少不了和Htm标记打交道，大多数人使用所见即所得的网页编辑工具已经渐渐的忽略了htm标记语言本身的作用，如果要成长为一位高深的网页设计师，一定要把htm标记代码吃透；本文由西安网站建设提供，如转载请保留西安网站建设署名； 目前框架网页的使用相信让很多人又爱又恨，框架病毒的泛滥使大家对iframe标签非常头疼，您在头疼的时候是否感到自己学艺不精？为什么人家就可以把i...
iframe中涉及分页时类选择器事件无法响应的解决办法（ajaxStop）
稻花香的博客
06-04 471
如果是通过前后台ajax请求数据的方法导致 无法将类选择器与引用js关联起来 则可以将后台方法写为一般处理程序，通过ajax请求 来获取数据 此时再在引用js中使用 $(document).ajaxStop(function () {//ajax请求分页内容 停止时重新 也将类选择器事件触发 $('.testone').on('click', $.runtoptab.add...
select 关于iframe 的不同选择
charm_的博客
10-10 1037
最近，任务有点儿紧，所以晚上连夜调前端画面，说白了，还是因为自己技术的原因，所以很小的问题也会花很长时间解决，以后要走的路还有很多，话不多说，关于iframe我这次用到的是select。 *****************************************************假装这是一条分界线*******************************************
IE6利用iframe遮挡 弹层 select
weixin_33994429的博客
06-29 70
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;...
2010.09.19——— 解决select不能跨iframe的问题
12-06 474
2010.09.19——— 解决select不能跨iframe的问题 一直有个问题 就是下拉框不能跨越iframe显示下拉选项 问题： top.jsp main.jsp top.jsp里面有一个下拉菜单 但是 点击时 下拉选项总是显示不出来，被ifarme挡住了 一直没有被解决 今天无意看到了一个MM_jumpMenu的函数 就试了一下 果然能跨iframe ...
使用iframe快速解决IE6下弹出层被下拉列表遮挡问题
天道酬勤
03-12 1036
周五快下班的时候，收到一个后台研发提交的一个BUG：某君写的弹出层在IE6下被下拉列表遮挡了。 （左图为：未弹出选择层效果） （左图为IE8下弹出层效果） （左图为IE6下效果） 由于在IE6中，下拉列表拥有比较高权限，会把除frame外的元件遮挡，这是IE6的一个BUG，在IE7及以上版本已经修复。目前了解到只有两种方法可以解决： 1.自定义下拉列表组件；
iframe 解决 select 遮挡
weixin_30730053的博客
04-13 271
代码<iframesrc="javascript:false"style='position:absolute;visibility:inherit;top:0px;left:0px;width:650px;height:350px;z-index:-1;filter=progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);'...
jq 获取div 下的第一个iframe 炳获取iframe中的src
最新发布
07-22
要使用 jQuery 获取一个 `<div>` 元素下的第一个 `<iframe>` 元素，并获取该 `<iframe>` 元素的 `src` 属性，可以使用以下代码： ```javascript const firstIframe = $('div').find('iframe:first'); const iframeSrc = firstIframe.attr('src'); ``` 首先，使用 `find()` 方法查找 `<div>` 元素下的所有 `<iframe>` 元素。然后，使用 `:first` 选择器选择第一个 `<iframe>` 元素，并将结果存储在 `firstIframe` 变量中。接下来，使用 `attr()` 方法获取 `src` 属性的值，并将其存储在 `iframeSrc` 变量中。 现在，你可以使用 `iframeSrc` 变量来操作或访问第一个 `<iframe>` 元素的 `src` 属性值了。 请注意，上述代码假设你的 HTML 结构中有一个或多个 `<div>` 元素，并且每个 `<div>` 元素下都至少有一个 `<iframe>` 元素。如果 HTML 结构与此不匹配，你可能需要根据实际情况调整选择器。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值