在ie6下,我们使用select的时候,会发现不管对上层的div的z-index给多大的值,select总是要从下面冒出来。
如下图所示效果,鼠标移动到儿童票购买须知时弹出浮动层,正常情况下,浮动层应该遮住下面的select下拉列表。ff等浏览器中显示正常,如图1所示:

但是在ie6中如图2所示:

解决方法1:用div遮盖iframe
解决方法2:jQuery插件bgiframe,原理是:如果是ie6浏览器的时候就给浮动层加一层iframe,遮住select,其实跟方法1效果一样,只是用了插件的方法。
解决方法3:当浮动层出现的时候隐藏select
解决方法2:jQuery插件bgiframe,原理是:如果是ie6浏览器的时候就给浮动层加一层iframe,遮住select,其实跟方法1效果一样,只是用了插件的方法。
解决方法3:当浮动层出现的时候隐藏select
转自:http://blog.sina.com.cn/s/blog_60b35e8301018hl4.html
本文探讨了在IE6浏览器中,浮动层无法正确覆盖Select下拉菜单的问题,并提供了三种解决方案:使用div遮盖、利用jQuery插件bgiframe及在浮动层出现时隐藏Select。
662

被折叠的 条评论
为什么被折叠?



