IE6下div层被select控件遮住的问题解决方法

时间:2021-08-13 09:28:35

Select在IE6下是处于最顶层的,因此想要遮住它,设置zIndex属性是不行的,就需要一个优先级更高的元素,就是iframe,当把iframe嵌套在弹出div层中后,把iframe设置为不可见,但它使弹出的div能浮于select等一些元素之上,因此完美解决了此问题,如下是需要弹出的Div代码,星号内代码为添加的iframe:

<div id="quest">
<!--*******************************iframe**********************************-->
<iframe style="width:100%;filter:alpha(opacity=0);-moz-opacity:0; height:185px; position:absolute; z-index:-1"></iframe>
<!--*********************************iframe********************************-->
后面的内容
</div>

这种方式相当于把ifame做为一个透明的底层。为了用ifame遮挡后面的select控件。