IE6中div不能覆盖select的问题

本文探讨了在IE6浏览器中,浮动层无法正确覆盖Select下拉菜单的问题,并提供了三种解决方案:使用div遮盖、利用jQuery插件bgiframe及在浮动层出现时隐藏Select。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

ie6中div不能覆盖select的问题
    但是在ie6中如图2所示:
ie6中div不能覆盖select的问题

解决方法1:用div遮盖iframe
解决方法2:jQuery插件bgiframe,原理是:如果是ie6浏览器的时候就给浮动层加一层iframe,遮住select,其实跟方法1效果一样,只是用了插件的方法。
解决方法3:当浮动层出现的时候隐藏select
转自:http://blog.sina.com.cn/s/blog_60b35e8301018hl4.html
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值