DIV SELECT IE 遮盖

最新推荐文章于 2024-05-03 11:08:18 发布
最新推荐文章于 2024-05-03 11:08:18 发布
阅读量83 收藏
点赞数
分类专栏： HTML 文章标签： javascript ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_2795/article/details/82326394
版权
经测试解决代码仅在IE浏览器有效。

由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现div层被select下拉框遮盖的问题。（如果几个元素都是层的话，我们可以通过层的 z-index 属性来设置）解决办法就是：给层中放一个优先级比下拉框更高的元素（iframe），从而解决此问题！具体解决代码如下：

<div style="position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc;">

<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>
iteye_2795
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
解决Vue开发中对话框被遮罩层挡住的问题
10-17
在Vue的开发中，一旦我们用到对话框，经常出现的问题是对话框被遮罩层挡住,怎么来解决这个问题呢？下面小编给大家带来了Vue开发中对话框被遮罩层挡住的问题及解决方法，一起看看吧
终于搞懂了el-dialog属性modal-append-to-body,append-to-body的作用【图解】
热门推荐
灰的博客
10-18 1万+
最后说重点，为了避免出现遮罩层在最上面挡住了显示层（可能在谷歌浏览没问题，在IE浏览器就会有这个问题），以及被其他定位元素挡住（显示层全屏的时候）比如vue-element-admin左边的菜单和上面的头）(这个问题只有IE浏览器才会出现，而且是每次登录进来才会有这个问题，刷新一下又好了)。通过加append-to-body属性解决以上所有问题 ...
vue 组件传值 子传父
weixin_48297537的博客
09-21 336
父组件代码 1、父组件中需要做的是，定义一个方法； 2、其中changeTitle是子组件通过$emit(第一个参数，第二个参数)传递过来时的第一个参数 3、在方法 chengtitleA 中进行子组件传递过来的数据操作； <template> <div class="mainPage"> <div class="title" > <bartitle @changeTitle='chengtitleA'></
element抽屉el-drawer被其他内容覆盖的解决方法
qq_44472859的博客
02-01 4682
element抽屉el-drawer被其他内容覆盖的解决方法 遮罩和下层的内容覆盖在了抽屉之上. 解决办法是修改append-to-body和modal-append-to-body属性，把抽屉插入至 body 元素上，把遮罩插入至抽屉的父元素上，具体代码： <el-drawer :append-to-body="true" :modal-append-to-body="false" ></el-drawer> element官方的说明：
uniapp 子组件 props拿不到数据_Vue 组件通信 12 种解决方案
weixin_39638929的博客
11-21 2420
父组件向子组件传值1. 通过属性传值 propsprops 可以是数组或对象，用于接收来自父组件的数据。// 父组件 List.vue 2. 使用修饰符 .sync修饰符 .sync 是 2.3.0+ 新增，它对 props 起到了一种修饰的作用，使用 .sync 进行修饰的 props 意味子组件有修改它的意图，这种情况下它只起到一个标注性作用，有它没它都不会影响逻辑（后文会介绍使用 .sync...
ie6 select无法被div遮盖的bug解决方法
09-22
使用div制作蒙版或模拟弹出窗口，但在IE6下，当div下方有下拉列表框select元素的时候，下拉列表框会划破div显示在div之上，不论z-index设为何值均会出现此问题，可能由于下拉列表控件的弹出式下拉列表的原因导致Z轴...
select网页下拉列表与div层遮盖问题
12-12
第一就是比较有名的：一般div浮层在IE6下无法遮盖select元素的问题。首先提供了下面一个实例： 注解：如果你在FirFox下和IE7下看都 在html中关于select元素的问题在很多地方都提出过，而在前段时间的项目中，刚好...
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控件遮住的问题解决方法
12-13
<div>能看见我了吗?<iframe frameborder="0" ></iframe></div> 有一个地方需要注意下，需要给iframe的z-index属性设置个负数，比如-1;不然层里的东西就看不见了 如果弹出层的高度和宽度不确定,需要用...
IE6下select下拉框遮住div层的解决方法(用iframe解决)
Akay的Web技术博客
04-03 1546
思路：iframe可以覆盖select,而层可以覆盖iframe。方法：在层里放一个比select级别高的iframe就可以了。实现：在div里面加入以下代码  。   注意：div的宽高要设定，这样iframe的100%宽高才有效，否则得给iframe设定固定的宽高。visibility:hidden!important;这个是为了让非IE6的浏览器下隐藏
解决vue和element UI中对话框的遮罩层消失
浮生离梦的博客
08-09 8036
解决vue和element UI中对话框的遮罩层消失，在el-dialog标签里添加 :modal-append-to-body='false' 错误分析 1）若el-dialog弹出框设置了modal-append-to-body='true'（默认）属性，它的遮罩层就会被插入到body标签下（即与组件所在的最外层div同一层级） 2）el-dialog的显示层和遮罩层都设置了posit...
element ui 弹窗嵌套 蒙层被遮挡（也适用Drawer 抽屉）
qq_57980267的博客
08-22 1067
还有假设赋值了也不行的话 设置 :modal-append-to-body="false"必须要给二级弹窗赋 :append-to-body="true"自己在实际开发中碰到了这个问题 希望对你有所帮助。打开element认真看多层嵌套。
element Drawer抽屉在ie浏览器页面抖动
新生代农民工
12-14 1610
测试提了一个bug，项目在IE浏览器中点击饿了么的组件抽屉页面会抖动，现在还有人用IE吗？看到这种bug头就大，没办法只能看看是什么问题了，在谷歌浏览器，别的一些浏览器都是没有问题的，百度了下有很多人也遇到了这个问题，可能是样式问题，是element自带的样式问题。 找到问题就解决问题，最简单的办法就是把这个属性去掉或者替换掉。 .el-drawer__wrapper{ overflow: visible; } ...
ant-design在 vue 抽屉（drawer）里面嵌套弹出框（modal）出现蒙层遮挡弹框问题
MingT 明天你好！的博客
07-26 8206
ant-design在 vue 抽屉（drawer）里面嵌套弹出框（dialog）出现蒙层遮挡弹框问题
解决ie下遮罩层不透明的问题
good good study,day day up~
11-19 350
有时候需要在做某些操作的时候屏蔽当前页面，比如弹出一个提示div，需要屏蔽整个窗口不能操作，可以用一个遮罩层遮挡   &lt;div class="window-mask-layer"&gt;&lt;/div&gt;        问题： ie下遮罩层会失效不透明了   解决： ie下面滤镜opacity: 0.4; 不起作用        需要加入ie的有效方法： filte...
VUE组件 之 Drawer 抽屉
YUSIR 完美CODING世界
11-08 6488
一、源码地址 https://github.com/imxiaoer/DrawerForVue 二、效果图 三、具体代码 drawer.vue <template> <div class="drawer"> <div :class="maskClass" @click="closeByMask"></div&gt...
vue快速入门（五十）重定向
最新发布
不起眼小菜菜的博客
05-03 327
注释很详细，直接上代码……
Babel 原理浅析
qq_39454432的博客
04-29 811
Babel 原理浅析
三、VUE数据代理
D_A_I_H_A_O的博客
04-29 597
Vue中的数据代理：通过vm对象来代理data对象中属性的操作（读/写）
div css select 模拟
06-01
如果您想要使用CSS选择器来模拟div，可以使用以下代码： ``` <!DOCTYPE html> /* 使用CSS选择器模拟div */ .my-div { display: block; width: 200px; height: 200px; background-color: gray; } ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值