Question

怎样解决下拉菜单被下面的js图片覆盖的问题

下拉单代码如下：
function showmenu(X)
{
document.getElementById(X).style.visibility="visible";
}
function hidemenu(X)
{
document.getElementById(X).style.visibility="hidden";
}
<!--菜单-->
<td onMouseOver="showmenu('dxgc')" onMouseOut="hidemenu('dxgc')">
<a href="">学科类别</a>
<table class="menu" id="dxgc" width="120" height="200" cellpadding="0" cellspacing="0">
<tr><td class="menu"><a href="">JavaScript</a></td></tr>
<tr><td class="menu"><a href="">VBScript</a></td></tr>
<tr><td class="menu"><a href="">DHTML</a></td></tr>
<tr><td class="menu"><a href="">ASP</a></td></tr>
<tr><td class="menu"><a href="">ADO</a></td></tr>
</table>
</td>
<!--菜单-->

Answer 1

<table class="menu" id="dxgc" width="120"  height="200"  cellpadding="0" cellspacing="0" style="position: absolute;z-index: 1001;">

追问

 我按照你说的加上去后，我鼠标移到上面的导航栏还是不显示，求大神帮帮忙啊

追答

应该是你的样式有问题