关于DIV被SELECT遮挡问题的解决方法

最新推荐文章于 2022-02-23 13:48:58 发布
最新推荐文章于 2022-02-23 13:48:58 发布
阅读量1.6k 收藏
点赞数
文章标签： div javascript iframe 浏览器 ie
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/wuyg/article/details/622303
版权
关于DIV被SELECT遮挡问题的新的简单解决方法

我在网上看到许多关于这个问题的帖子，其中我看到的主要链接有：
http://js.wanxu.com/sdk/2004/9-12/222209975.htm
http://community.youkuaiyun.com/Expert/TopicView3.asp?id=4408971


当层遇到下拉框时总是挡不了select框?其实这是IE的BUG,其它的浏览器没有这个问题,对于这个问题论坛里不少提出,比如：
1.最直接的方法:用javascript隐藏下拉框.
2.Object对象的优先度较高,可以挡住select框
3.用iframe作载体

wuyg719
关注
div总是被select遮挡的解决方法
10-30
个方法好像可行，但前提是div层的大小、位置可知，对于在后台js文件中控制style的div就实效了。 我遇到的恰好就是这种情况，所以太遗憾了。 不过这个帖子还是应该收藏一下。
layui layer select 选择被遮挡的解决方法
10-16
总的来说，解决layui layer中的select选择被遮挡的问题，主要是通过调整CSS属性，尤其是`overflow`，来允许下拉列表正常显示。在实践中，开发者需要结合具体的项目需求和页面结构，灵活运用这些技巧来优化用户体验。
遇到el-select选项被遮挡问题？这篇文章告诉你如何解决
希望看完文章的你能够带着答案离开
02-23 1万+
遇到el-select选项被遮挡问题？这篇文章告诉你如何解决
html中下拉框select横向或纵向被遮挡的问题
tangyuanpp的博客
10-08 2784
在项目中遇到了select读取的后台传的值，结果数据过多，比如说有几百条,会被外层的给遮挡，没有点击下拉前像这样 点击下拉后这样 显示不全这样的问题，在浏览器中调试发现外层的div设置了超出部分隐藏，改成显示即可，即加上 overflow: visible; 改好后变成这样 2.遇到这个问题后上百度找解决方法，发现还有一种遮挡，就是内容过长横向显示不全的问题 有一种最简单的解决方法，在...
解决div总是被select遮挡的问题
php菜鸟技术天地
06-02 554
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> <meta http-equiv="Content-Type" content="tex
Select下拉框被overflow遮挡的问题
Lou_Lan的博客
05-13 9810
问题概述   如果你没有使用插件，没有使用别人给的组件，这个问题一般是不会出现的。但是如果你使用了别人的组件，那么你就会遇到这个问题。我这里说说我遇到的这个问题的地方，总共是2个地方。 是我在使用iview的，使用select，由于父级框position: relative，并且overflow:auto，所以select下拉框的时候就被挡在父级下面（虽然滚动可以看到，但是觉得很不舒服） 是我在使用vue-treeselect的时候，这个哥们也是和上面一样，被挡在了下面。（这个不演示了，道理一样） 上述
解决div总是被select遮挡的问题.rar
07-05
在本案例中，"解决div总是被select遮挡的问题.rar"提供了解决方案，通过引入一个透明的`iframe`来规避这一现象。 首先，我们需要理解Z轴顺序的概念。在CSS中，`z-index`属性用于指定元素在堆叠上下文中的层级。具有...
IE6下div层被select控件遮住的问题解决方法
12-13
总结来说，面对IE6中的`div`层被`select`控件遮住的问题，我们可以利用`iframe`作为遮罩，并通过设置`z-index`和动态调整`iframe`尺寸的方法来解决。虽然这个方法在现代浏览器中可能不再适用，但对于仍然需要支持IE6...
解决select遮挡div三种方法（自己总结）
ava_chc的专栏
01-25 571
[size=large]最近在项目中实现过程中遇到select遮挡div的问题，查阅了网上很多资料解决方法无非3个。 其一：用IFRAME 其二：隐藏显示select 其三：用html模拟下拉框 解决方法一：在要弹出div里加入iframe 如下： [code="java"] .div_iframe{position:absolute;width:100%;height:100%;z...
div挡住select的5种方法:
石头记
08-24 2117
select挡住div的5种解决方法    在IE中,select属于window类型控件，它会“挡住”所有非window类型控件可以这么理解，div这样的组件是在浏览器客户区使用代码“渲染”的，
解决div遮挡select的问题
white_smile的专栏
02-26 1305
处理层级关系，在select和div的样式中加入z-index属性，比如select中加入style="z-index:0"，div中加入style="z-index:1"解决div遮挡select的问题
select挡住div的5种解决方法
04-18 867
在IE中,select属于window类型控件，它会“挡住”所有非window类型控件。可以这么理解，div这样的组件是在浏览器客户区使用代码“渲染”的，他们被渲染在客户区的绘画表面上，而select是使用的标准windows控件，只是作为客户区的子控件放置而已，它会覆盖所有客户区绘画表面上“画”出来的一切，但不一定会覆盖其他类型的window控件， 比如iframe和其他的select，如果你
iview select 弹窗向上时被遮挡住了解决办法
zghgchao
05-31 9331
&lt;li class="clearfix"&gt; &lt;label&gt;招标组织方式&lt;/label&gt; &lt;Select v-model="filters.zbzzfs" style="width:200px;" transfer="true"&gt; &lt;Option value="
div被select下拉框挡住了--5种解决方法
新新
12-31 1万+
在IE中,select属于window类型控件，它会“挡住”所有非window类型控件可以这么理解，div这样的组件是在浏览器客户区使用代码“渲染”的，他们被渲染在客户区的绘画表面上，而select是使用的标准windows控件，只是作为客户区的子控件放置而已，它会覆盖所有客户区绘画表面上“画”出来的一切，但不一定会覆盖其他类型的window控件，比如iframe和其他的sel
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值