求助： 如何解决导航菜单被下拉选框遮盖住的问题

Question

一般的做法是把下面的下拉框display=none掉。

Answer 1

这样的话，我是不是要把下拉选框用<div>包起来才行？

Answer 2

select 本身就有display属性，干吗还要div 阿 ~？

Answer 3

<select id='youid'>
<option value='1'>1</option>
</select>
<input type='button' onclick='dodis()'><SCRIPT LANGUAGE="JavaScript">
<!--
function dodis()
{
var ob = document.getElementById("youid");
var staus = ob.style.display;
if (ob.style.display == "")
{
ob.style.display = "none";
}
else
{
ob.style.display = "";
}
}
//-->
</SCRIPT>

Answer 4

能盖住Select的Div(不是用Iframe/Popup作载体)
http://jkisjk.spaces.live.com/blog/cns!758CACE25E89DD3B!359.entry

Answer 5

<script type="text/javascript">
 function hiddenselect(){
  var slts=document.getElementsByTagName('SELECT');
  for(var i=0;i<slts.length;i++){
   slts[i].style.visibility='hidden';
  }
 }
 function showselect(){
  var slts=document.getElementsByTagName('SELECT');
  for(var i=0;i<slts.length;i++){
   slts[i].style.visibility='';
  }
 }
</script>
显示菜单时调用hiddenselect
隐藏菜单时调用showselect

Answer 6

将菜单的DIV的Z-INDEX设为0 那么它将在所有控件之上显示.

Answer 7

用iFrame还是很容易解决的
http://www.extract.com.cn/down/ExtractMenu.rar
经典的下来菜单，跨Frame实现，能够规避Select问题
隐藏Select方案不是很优的解决办法