横向菜单，ul或li如何盖住select的问题？

Question

发现CSDN搜索里面的解决方法是打开菜单时隐藏相关select
期待更好的方法

Answer 1

不知道能不能为ul加隐藏的iframe的底div是可以在浏览器为ie6时加一个iframe作为底遮盖住select

Answer 2

我加了，可是还是有问题，scroll＝no，也会出滚动条，样式也是全白的，该iframe的bgcolor好像也不行，不知道是不是用不好。

Answer 3

参考一下这个覆盖select

Answer 4

cloudgamer大大，你那个是不是隐藏select的？作菜单的时候是动态的，也不知道什么时候会在select上显示。有没有其他方案，谢谢了。

Answer 5

楼主应该是没设置对。我这里测试了下把iframe放入一个li中可以遮盖住select啊<ul id="menu" style="margin:0px;position:absolute; visibility:hidden; top:20px; left:20px; width:100px;background-color:#6699cc;">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
<li>Item 5</li>
<li><iframe src="javascript:false" style="position:absolute; visibility:inherit; top:0px; left:0px; width:100px; z-index:-1; filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)';"></iframe></li>
</ul>
<a href="#" onclick="document.getElementById('menu').style.visibility='visible'">menu</a> 
<form> 
    <select><option>A form selection list</option></select> <br/>
<select><option>A form selection list</option></select> <br/>
<select><option>A form selection list</option></select> <br/>
<select><option>A form selection list</option></select> <br/>
<select><option>A form selection list</option></select> <br/>
<select><option>A form selection list</option></select> <br/>
</form>

Answer 6

把页面上所有（或需要覆盖区域）的select元素的visibility属性设置为visible就可以了，具体实现看8楼的onclick事件

Answer 7

上面写错了，应该是visibility='hidden'

Answer 8

感谢showbo,我去试试，不过我主要是要ul遮盖住select，应该和li一样的吧。