ie6 select没法被div遮盖的bug解决

ie6 select无法被div遮盖的bug解决
使用div制作蒙版或模拟弹出窗口，但在IE6下，当div下方有下拉列表框select元素的时候，下拉列表框会划破div显示在div之上，不论z-index设为何值均会出现此问题，可能由于下拉列表控件的弹出式下拉列表的原因导致Z轴高度失控。但是IE6有一个神奇的逻辑，div 无法覆盖select,但是iframe 可以覆盖select，而div可以覆盖iframe，所以解决办法就是用Z轴高度更高的Iframe元素，包裹或覆盖住下拉列表框控件，使其回到正常的Z轴高度上来！

html如下:

<div id="acontainnerbox" class="aboxinitcss">
这里是很多代码,[url=www.k686.com]www.k686.com[/url]	
<iframe class="ifhideselect" frameborder="0"></iframe>
</div>

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,呵呵,域名被和谐了就没咯,到javaeye来写博客啦.文章内容下面的广告是我自己的哦.点点,呵呵.

6 楼 investigater 2010-05-13

先disabled然后用div应该也能解决这个问题

7 楼 dongguojun 2010-09-03

为什么我看好多搞IT都把自己的头像换成美女啊这是为什么啊？？

8 楼 wangking717 2010-09-26

iframe的width和height不好控制。。。

ie6 select没法被div遮盖的bug解决

相关推荐