下拉菜单被控件盖住，显示不完整，求解决方案。急急急……万分感激！！！！解决后立即给分！！！

moths 2008-02-20 03:19:20

最近做了个软件，程序界面是用框架，最上边是菜单（div），当我鼠标放到div上边的时候会显示菜单，
但是后来我发现在内容显示区域如果有listbox，或者dropdownlist控件时，下拉菜单（div）会被这类控

件覆盖住，
菜单显示不全。我这几天在网上搜索解决办法，发现这是html的一种通病，也找了些解决办法，有说修改z-index值的还有用iframe

做div底的，
这样就可以遮盖住这类控件，使div菜单正常显示，代码如下：

<iframe style="position:absolute;z-index:-1;width:e-xpression
(this.nextSibling.offsetWidth);height:e-xpression(this.nextSibling.offsetHeight);top:e-xpres

sion
(this.nextSibling.offsetTop);left:e-xpression(this.nextSibling.offsetLeft);"

frameborder="0"> </iframe>

但是放到我的页面中还是不行，我在考虑：因为我用的是框架，是不是因为div跟这些控件不在一个页面

的原因，
请教各位给与解决方案，万分感激！谢谢。

下边是我页面div（下拉菜单）的代码 -----菜单内容是在后台绑定到(lbl1_z)这个控件中的





<DIV id="lbl1_1" onmouseover="lbl1_1.style.display='block'" style="DISPLAY: none; Z-INDEX: 



1; POSITION: absolute" onmouseout="lbl1_1.style.display='none'">

<TABLE cellSpacing="0" cellPadding="0" width="94" border="0">

  <tr>

      <td height="15"></td>

  </tr>

</TABLE>

<TABLE class="xmenu" id="xmenu0" style="BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999

 1px solid; BORDER-LEFT: #999999 1px solid; BORDER-BOTTOM: #999999 1px solid"height="30" 

cellSpacing="0" cellPadding="0" width="70" align="center" border="0">

  <TBODY>

	<TR vAlign="top">

	</TR>

	<asp:label id="lbl1_z" runat="server"></asp:label>

  </TBODY>    

</TABLE>

</DIV>