最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
css div无法遮盖select解决方法
时间：2022-06-25 09:04:52 编辑：袖梨 来源：一聚教程网
那么如何解决这个bug呢，解决该bug的方法如下：
1、将select放到iframe里面，div 无法覆盖select,但是iframe 可以覆盖select，而div可以覆盖iframe，所以解决办法就是用Z轴高度更高的Iframe元素，包裹或覆盖住下拉列表框控件，使其回到正常的Z轴高度上来，但每个select都加太烦了，不推荐
2、在需要遮盖select的那个div放入一个空的iframe，这样就可以针对性的解决问题了，简单，值得推荐
下面就第2种方法贴出css教程代码如下：
#pop{
padding:10px;
position:absolute;
top:0;
border:1px solid blue;
background-color:#6666CC;
filter:alpha(opacity=70);
opacity:0.6;
}
#sect{
margin-top:60px
}
#pop iframe{
display:none;
display:block;
position:absolute;
top:0;
left:0;
z-index:-1;
}
html代码如下：
这个是绝对定位的div，看看它有没有把select遮住
相关文章
- jm天堂网页版官方登录入口-jm天堂网页版直接登录入口 12-14
- 蝉妈妈网页版直达入口-蝉妈妈app官方正版入口在哪 12-14
- 豆包AI智能在线网页解析神器-豆包AI智能在线会议纪要生成助手 12-14
- 小红书Web官网登录入口-小红书官方网页版一键登录 12-14
- 苍云阅读app如何快速找到目录-目录入口位置 12-14
- 苹果ID登录官网入口 - 苹果Apple ID账户登录页面一键直达 12-14