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

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控件。

你可能感兴趣的:(select)