脚本宝典收集整理的这篇文章主要介绍了ie6 select无法被div遮盖的bug解决方法，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。
使用div
制作蒙版或模拟弹出窗口，但在IE6下，当div下方有@R_
304_1283@select元素的时候，下拉列表框会划破div显示在div之上，不论z
-index设为何值均会出现此问题，可能由于下拉列表控件的弹出式下拉列表的
原因导致Z轴高度失控。但是IE6有一个神奇的逻辑，div 无法覆盖select,但是ifr
ame 可以覆盖select，而div可以覆盖iframe，所以解决办法就是用Z轴高度更高的Iframe元素，包裹或覆盖住下拉列表框控件，使其回到
正常的Z轴高度上来！
ht
ML如下:
Html代码
<div id="acont
ainnerbox" class="aboxin
ITcss">
这里是很多代码,[url=www.k686
.COM]www.k686.com[/url]
<iframe class="ifhideselect" frameborder="0"></iframe>
</div>
<div id="acontainnerbox" class="aboxinitcss">
这里是很多代码,[url=www.k686.com]www.k686.com[/url]
<iframe class="ifhideselect" frameborder="0"></iframe>
</div>
css代码如下:
Html代码
.aboxinitcss{
position:absolute;
m
argin
-top:0px;
mar
gin-left:0px;
dis
play:none;
background:
#FFF;
border:solid #CCC 1px;
padding:30px;
z-index:9999;
width:620px;overflow:hidden;
}
.ifhideselect{
z-index:-1;
width:680px;
h
eight:255px;
position:absolute;
border:0;
left:0;
top:0;
}
.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一定要设置为负数,不然遮盖不住.
脚本宝典总结
以上是脚本宝典为你收集整理的ie6 select无法被div遮盖的bug解决方法全部内容，希望文章能够帮你解决ie6 select无法被div遮盖的bug解决方法所遇到的问题。
如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。