在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