select覆盖div的解决方案

最新推荐文章于 2015-09-10 11:19:28 发布
最新推荐文章于 2015-09-10 11:19:28 发布
阅读量1.8k 收藏 2
点赞数
分类专栏： 经验技巧之Javascript 文章标签： div iframe javascript filter
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/daryl715/article/details/2302533
版权
<iframe src="javascript:false" style="position:absolute; visibility:inherit; top:0px; left:0px; width:100px; height:200px; z-index:-1; filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)';"></iframe>
-----在</div>前加入上面的语句
虽说div直接盖不住select
但是div可以盖iframe，而iframe可以盖select,
所以，把一个iframe来当作div的底，
这个div就可以盖住select了.
 
daryl715
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Div Select挡住的解决办法
12-11
Div下拉菜单被Select挡住的解决办法</title> </head><body> <div style=”z-index: 10; position: absolute; width: 100; height: 18; overflow: hidden;” onmouseover=”this....
Vue让Select下拉框超出div
菲律宾铁猴子的博客
04-25 984
在select中添加参数transfer即可，如下： <Select v-model="areaUnit" style="width:200px" transfer > <Option v-for="item in areaUnitList" :value="item" :key="item" >{{ item }}</Op
【小技巧】Select下拉列表覆盖DIV菜单的另类解决方案
DrifterJ's Stash
10-19 3524
最近在工作中接触到了这样一个问题：当把用于选择尺寸的下拉列表（html select标签实现）打开后，不选择，然后移动鼠标到页面头部的菜单栏，此时菜单栏接受onmouseover事件，显示一个DIV实现的菜单，但这个操作并没有将页面焦点从select上移开，即select依然处于打开状态，问题出现了，打开的option列表覆盖住了弹出的菜单！用户体验不好。 这个问题的本质原因是，在浏览器中，se
IE6中Div 遮罩层覆盖不住select控件的解决方法
每天=生命的最后一天
12-19 7703
      又是一周干着测试员的工作，没有任何任务安排，只得自己找bug来填充每天的日子。       突然想到上次在演示的时候，看到在IE6下同事自己写的弹出提示框无法遮住select下拉选择框的问题。当时是去掉了那个下拉框来解决这个问题，但是页面还有很多地方用到这个提示框。       用IE6运行一下发现很多页面都存在这个问题。       后来同事说在每个页面跳用这个函数之前隐
ie6下select覆盖div的解决办法
12-24
ie6下select覆盖div的解决办法
select * from sp_who的解决方案
09-11
sql server中提供很多有用的系统存储过程，但是我们都知道，存储过程的结果集是不能用select来过滤的，也就是说select * from sp_who where [dbname] = 'xxx';这样的语句是执行不过。下面介绍两种方法来解决这个问题
div总是被select遮挡的解决方法
10-30
个方法好像可行，但前提是div层的大小、位置可知，对于在后台js文件中控制style的div就实效了。 我遇到的恰好就是这种情况，所以太遗憾了。 不过这个帖子还是应该收藏一下。
关于div覆盖select标签的问题
kk371558956的专栏
11-22 1004
关于div覆盖select标签的问题 苹''''''''''''''''''''''''''果 香''''''''''''''''''''''''''蕉 西''''''''''''''''''''''''''瓜 显示DIV" onclick="showIframe()"/> 显示DIV" onclick="closeIframe()"/>
IE6 Select元素无法被div等元素覆盖的bug解决办法
boral_li的专栏
04-30 5108
     在页面设计时，经常会使用div制作蒙版或模拟弹出窗口，但在IE6下，当div下方有下拉列表框select元素的时候，下拉列表框会划破div显示在div之上，不论z-index设为何值均会出现此问题，可能由于下拉列表控件的弹出式下拉列表的原因导致Z轴高度失控。但是IE6有一个神奇的逻辑，div 无法覆盖select,但是iframe 可以覆盖select，而div可以覆盖iframe，所以
div挡住select的5种方法:
石头记
08-24 2064
select挡住div的5种解决方法    在IE中,select属于window类型控件，它会“挡住”所有非window类型控件可以这么理解，div这样的组件是在浏览器客户区使用代码“渲染”的，
div遮盖select的解决方案(简单)
Jiao2_vc的专栏
05-10 1101
IE6以及一下版本下，选择框Select会覆盖Div中的内容一般情况下，可以将显示的内容放到Iframe中，然后再显示框架内的内容。由于Iframe的可以显示在Select上层，就可以解决这个问题。不过这样做在实现上比较麻烦。有个解决的部分就是在Div内容中加入不显示的Iframe框架即可，不用修改其他内容。加了句这个：  在IE里，层DIV被下拉框SELECT遮盖，这是I
select下拉框与层之冲突
北极光的博客
09-10 2193
在做站时遇到一个问题，弹出的层盖不住下面的下拉列表，网上找了找，说这是ie6的一个bug，但也不能是因为ie的bug就不解决了，看看别人的站，怎么有的就能被盖住呢，看看源代码，原来人家用的不是select，而是用模仿的，其他东西都做好了，再改这个有点麻烦！接着再找，说是放个在要弹出的里会好使，也没说搁哪个部分，是把里面的东西框起来还是放哪都行，只能试着看了。弄了半天也没管用，再搜，嘿嘿，就找到了下
el-select内嵌div
最新发布
09-07
根据引用，ElementUI的el-select是一个下拉选择组件，用法是在el-select标签中嵌套el-option标签来提供可选项。而el-select并没有内嵌div的功能，所以无法直接实现el-select内嵌div的需求。如果你需要在el-select中嵌套div，可以考虑使用其他的自定义组件或者自行修改ElementUI源码来实现这个功能。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值