ie6 select无法被div遮盖的bug解决
使用div制作蒙版或模拟弹出窗口,但在IE6下,当div下方有下拉列表框select元素的时候,下拉列表框会划破div显示在div之上,不论z-index设为何值均会出现此问题,可能由于下拉列表控件的弹出式下拉列表的原因导致Z轴高度失控。但是IE6有一个神奇的逻辑,div 无法覆盖select,但是iframe 可以覆盖select,而div可以覆盖iframe,所以解决办法就是用Z轴高度更高的Iframe元素,包裹或覆盖住下拉列表框控件,使其回到正常的Z轴高度上来!
html如下:
css代码如下:.aboxinitcss{position:absolute;margin-top:0px;margin-left:0px;display:none;background:#FFF;border:solid #CCC 1px;padding:30px;z-index:9999;width:620px;overflow:hidden;}.ifhideselect{z-index:-1;width:680px;height:255px;position:absolute;border:0;left:0;top:0;}
即可解决这个bug.
iframe的z-index一定要设置为负数,不然遮盖不住. 1 楼 zachary.guo 2010-05-12 唉,不要解决了,就是让使用 ie6 的用户看不到 div。
要他们知难而退,升级吧,使用 ie6 的家伙们! 2 楼 化蝶自在飞 2010-05-12 zachary.guo 写道唉,不要解决了,就是让使用 ie6 的用户看不到 div。
要他们知难而退,升级吧,使用 ie6 的家伙们!
从我自己网站上的cnzz统计来看,依然有高达58.39%的人在使用msie6 .震惊吧. 3 楼 化蝶自在飞 2010-05-12 初级网民是不管你什么问题的.一切不和谐的问题都是你网站导致的,而他们根本不会意识到自己浏览器有问题.呵呵. 4 楼 zachary.guo 2010-05-12 化蝶自在飞 写道从我自己网站上的cnzz统计来看,依然有高达58.39%的人在使用msie6 .震惊吧.
你自己的网站?指的是你的 javaeye blog 吗?cnzz 需要在自己的网页中加入一段 js 脚本才能进行统计,如果你说的网站是你的 javaeye blog 的话,你能加入脚本吗?或许我理解错了,再或者 javaeye 本身就支持 cnzz 统计?
5 楼 化蝶自在飞 2010-05-12 zachary.guo 写道化蝶自在飞 写道从我自己网站上的cnzz统计来看,依然有高达58.39%的人在使用msie6 .震惊吧.
你自己的网站?指的是你的 javaeye blog 吗?cnzz 需要在自己的网页中加入一段 js 脚本才能进行统计,如果你说的网站是你的 javaeye blog 的话,你能加入脚本吗?或许我理解错了,再或者 javaeye 本身就支持 cnzz 统计?
额 ^ 之前我自己做网站的.我自己的网站.不是javaeye,呵呵,域名被和谐了就没咯,到javaeye来写博客啦.文章内容下面的广告是我自己的哦.点点,呵呵. 6 楼 investigater 2010-05-13 先disabled然后用div应该也能解决这个问题 7 楼 dongguojun 2010-09-03 为什么我看好多搞IT都把自己的头像换成美女啊 这是为什么啊??
8 楼 wangking717 2010-09-26 iframe的width和height不好控制。。。