IE6遮罩层select的BUG
Posted by Kevin | Filed under HTML/CSS/JS | 2010-08-29
ie6的BUG太多，其中一个就是遮罩层（div）遮不住select框，而IE7以上版本是没有此问题的。现在来重现一个bug。点击查看演示页面
下图为 > IE7 效果：
遮罩层在IE下面，是遮不住select下拉选择器的。于是采用一个特殊的方法：
虽说div直接盖不住select但是div可以盖iframe，而iframe可以盖select,所以，把一个iframe来当作div的底，这个div就可以盖住select了.
当使用了iframe后发现，弹出界面是透明白色的，而不是想象中的透明黑色，于是在src中加入一个透明网页：
- <html>
- <head>
- <title></title>
- </head>
- <body style="background-color:#000;"></body>
- </html>
最后的遮罩层div代码如下：
- <div id="overlay">
- <iframe style="width:100%;height:100%;position:absolute;visibility:inherit;z-index:-1;" src="touming.html" frameborder="0"></iframe>
- </div>
问题虽然解决了，但是还是不完美，因为遮罩层显示的时候，虽然遮罩层盖住了select，但是如此同时select也消失不见了 = = ！
-
2010-08-30, 2:03 PM
学习了，谢谢博主分享
2010-08-30, 11:30 PM
既然用 iframe 挡住，为啥不给 display:hidden，或者invisiable，更或者用js 移除窗口，更或者找其他方法？