码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2015-07-16 15:46:23      阅读:120      评论:0      收藏:0      [点我收藏+]

标签:

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

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

标签:

原文地址:http://www.cnblogs.com/coolsundy/p/4651011.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!