iframe 解决 select 遮挡

最新推荐文章于 2022-06-28 10:15:24 发布
转载 最新推荐文章于 2022-06-28 10:15:24 发布 · 309 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/lishenglyx/archive/2010/04/13/1711119.html
文章标签：

#javascript #ViewUI

本文介绍如何在代码中使用透明iframe解决在IE和FF浏览器中显示问题的方法，通过添加同等大小的透明iframe元素，实现跨浏览器兼容性。

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

ExpandedBlockStart.gif代码
<iframe src="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);'></iframe>

即添加一个同等大小的透明iframe即可,针对IE,FF不存在这个问题

转载于:https://www.cnblogs.com/lishenglyx/archive/2010/04/13/1711119.html

解决下拉菜单被iframe遮住问题
07-28
解决下拉菜单被iframe遮住问题吗，
iframe遮盖select
jzdzhiyun的专栏
03-12 2870
Div 可以遮盖 IframeIframe可以遮盖 SelectSelect 可以穿透 Div所以一般都是用Div遮盖Iframe，Iframe遮盖掉Select来解决 Select 穿透 Div 的问题。注：z-index:-1如下:  ×                  ExpandDepth="0" Width="2
巧用iframe 和div遮挡 select 等控件
聚合博客室
12-23 1465
Div被Select挡住，是一个比较常见的问题。有的朋友通过把div的内容放入iframe或object里来解决。这样会破坏页面的结构，互动性不大好。另一种方法是：虽说div直接盖不住select,但是div可以盖iframe，而iframe可以盖select,所以把一个iframe来当作div的底。相关代码：class="msg">已添加，您现在还需要继续吗？"close" 
js-iframe遮挡select问题
weixin_30379911的博客
11-20 263
以下都是对ie6： 一直都用iframe来遮挡select，以前一直没有注意到： 在使用iframe遮挡select时，select被完全挡住，根本看不见（就算将iframe的opacity=0） 针对这个问题网上有几个解决方法： 1. 给select外边包一层iframe 如果select过多，似乎这个性能优点问题。 2. 给操作dom节点包一层ifra...
layui layer select 选择被遮挡
weixin_30648587的博客
08-06 2176
在编程的时候, layer弹窗中的select 经常会遇到被遮挡的情况: 解决方法：在页面里面找到对应div的class 给overflow新的属性visible即可(默认值。内容不会被修剪，会呈现在元素框之外。)即可显示出下拉框 1.找到层1 的overflow 属性, 修改成为visible. 2. 如果有层2, 就把层2的也设置一下, ...
layui layer select 选择被遮挡的解决方法
10-16
解决这个问题的关键在于改变遮挡select的元素的`overflow`属性。`overflow`属性用于控制内容溢出元素框的行为。在默认情况下，大部分元素的`overflow`属性值为`visible`，允许内容延伸到元素框之外。但当设置为`...
div总是被select遮挡的解决方法
10-30
在传统的布局中，为了解决div被select遮挡的问题，可能会将div的内容放入iframe或者object元素中。这样做的好处是iframe或object自身通常能够覆盖页面上的其他元素，包括select。然而，这样做也有其缺点，比如可能会...
解决div总是被select遮挡的问题.rar
07-05
在本案例中，"解决div总是被select遮挡的问题.rar"提供了解决方案，通过引入一个透明的`iframe`来规避这一现象。 首先，我们需要理解Z轴顺序的概念。在CSS中，`z-index`属性用于指定元素在堆叠上下文中的层级。具有...
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-...
BootStrap H+ 解决部分版本浏览器下拉菜单被iframe挡住问题
tanzongbiao的专栏
04-03 1147
问题现象： 效果： <!--解决部分版本浏览器下拉菜单被iframe挡住问题--> <button class="roll-nav roll-right J_tabCloseOther"><i class="fa fa-close"></i>其他</button> <button class="roll-nav roll-right J_tabCloseAll"><i class="fa fa-window-clo.
导航栏下拉框被iframe遮住无法显示的解决办法，同时不需要相同层级就能解决
不见来去的博客
10-12 3704
看了一大堆，下拉框被遮住的解决办法，发现要用z-index属性解决的话，都是需要一个前提的，那就是需要相同层级定位，具体情况参考这里。 重点：但是有些时候是无法满足相同层级定位这个前提的条件的，我就被这个问题困扰过，百般尝试解决，终于灵光一闪解决了，原来那么简单，笑哭。 解决方法： 首先把遮住你下拉框的iframe的css的样式改为相对于窗口定位position:fixed;，然后在导航栏和ifr...
iframe解决层和select下拉框显示问题
Roka的专栏
07-01 4200
由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现层被下拉框遮拦的问题。（如果几个元素都是层的话，我们可以通过层的 z-index 属性来设置）解决办法就是：给层中放一个优先级比下拉框更高的元素（iframe），从而解决此问题！具体解决代码如下： item 1item 2menuA form selecti
select 关于iframe 的不同选择
charm_的博客
10-10 1129
最近，任务有点儿紧，所以晚上连夜调前端画面，说白了，还是因为自己技术的原因，所以很小的问题也会花很长时间解决，以后要走的路还有很多，话不多说，关于iframe我这次用到的是select。 *****************************************************假装这是一条分界线*******************************************
layer.open弹窗后再次调用layer.open方法出现遮罩层的解决方案
海紫苑打不死马小跳的博客
06-28 3226
业务需求需要在主页点击一个按钮，打开一个弹框，弹框加载的是一个table表格，点击其中每行数据时，需要二次弹窗展示明细。原始代码都是写的 layer.open({ type: 1 发现第二个layer.open弹框会出现遮罩层，各种尝试，最终通过以下方式解决。 第一个弹框：layer.open({ type: 1,content:"#页面隐藏的div的id"})，第二个弹框：layer.open({ type: 2,content:"新建一个独立页面的全路径"})完美解决这个问题。type为1表示
解决layui弹窗下的下拉选择框被遮挡或显示不全问题
热门推荐
LMXQH的博客
02-01 5万+
问题：在做后台的时候想要实现这样一个功能，点击弹出一个窗口，窗口是下拉选择框，给用户选择。用到了layui，但是却发现，弹窗虽然固定了高宽，但是里面的下拉框，在显示的时候却被弹窗挡住了，导致滚动条出现。 如下图： 后来发现只要是不用layui提供的下拉选择框，是不会出现被遮挡的问题的。 但是我还就非要用了，怎么滴了吧... 研究很久，怎么解决呢？
el-select 组件下拉框被遮挡问题
学无的博客
09-28 1万+
发生这种问题的情况 1.当选择框处于页面边缘 2.它的父级又没有使用fixed 定位 3. 下拉框选项内容过长 如下图： 解决办法 1.element-ui 的el-select 的下拉框定位它会去判断父级是否有fixed 定位如果有那么下拉框也会是采用fixed 定位，这个时候回去判断浏览器的边框和 el-select 的位置去做定位从而不会超出浏览器。 2. 知道了上面的原理，解决办法就是给父级加fixed 定位，我们只要给父级加 fixed 定位不需要给...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值