css div无法遮盖select解决方法
那么如何解决这个bug呢,解决该bug的方法如下:
1、将select放到iframe里面,div 无法覆盖select,但是iframe 可以覆盖select,而div可以覆盖iframe,所以解决办法就是用Z轴高度更高的Iframe元素,包裹或覆盖住下拉列表框控件,使其回到正常的Z轴高度上来,但每个select都加太烦了,不推荐
2、在需要遮盖select的那个div放入一个空的iframe,这样就可以针对性的解决问题了,简单,值得推荐
下面就第2种方法贴出css教程代码如下:
<STYLE type=text/css>
#pop{
width: 300px;
height:100px;
padding:10px;
position:absolute;
top:0;
border:1px solid blue;
background-color:#6666CC;
filter:alpha(opacity=70);
opacity:0.6;
}
#sect{
width:400px;
margin-top:60px
}
#pop iframe{
display:none;
display:block;
position:absolute;
top:0;
left:0;
z-index:-1;
width:3000px;
height:3000px;
}
</STYLE>
html代码如下:
<DIV id=pop>这个是绝对定位的div,看看它有没有把select遮住<IFRAME></IFRAME></DIV>
<SELECT id=sect> <OPTION value=1 selected>我是select,你能把我遮住吗</OPTION> <OPTION value=2>我是select,你能把我遮住吗</OPTION></SELECT>
您可能感兴趣的文章:
css div无法遮盖select解决方法
CSS3中遮罩使用实例教程
jquery blockUI 遮罩不能消失与不能提交的解决方法
border-radius 应用了 transform 的子元素 overflow:hidden 失败如何解决
jQuery 页面 Mask实现代码
DIV遮住的链接可以点击解决办法
jquery ui dialog里调用datepicker的问题
jquery 锁定弹出层实现代码
扩展easyui.datagrid,添加数据loading遮罩效果代码
jQuery+css+html实现页面遮罩弹出框