css div无法遮盖select解决方法

css div无法遮盖select解决方法

那么如何解决这个bug呢,解决该bug的方法如下:

1、将放到里面,div 无法覆盖select,但是iframe 可以覆盖select,而div可以覆盖iframe,所以解决办法就是用Z轴高度更高的Iframe元素,包裹或覆盖住下拉列表框控件,使其回到正常的Z轴高度上来,但每个select都加太烦了,不推荐

2、在需要遮盖select的那个div放入一个空的iframe,这样就可以针对性的解决问题了,简单,值得推荐

下面就第2种方法贴出代码如下:

 

<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解决方法

相关文章:

你感兴趣的文章:

标签云: