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

posted @ 2015-07-16 13:17  coolsundy  阅读(255)  评论(0编辑  收藏  举报