如何让弹出的菜单不被OBJECT覆盖

来源：互联网发布：中国大气污染数据编辑：程序博客网时间：2024/04/27 16:26

一个弹出的菜单被下面的<OBJECT>覆盖了一部分。如何让菜单显示出来？
<object id=content_html style="LEFT: 0px; TOP: 0px;" data="test.htm" width=690 height=240 type=text/x-scriptlet VIEWASTEXT></object>

示例网页代码如下：
<HTML><HEAD><TITLE>盖住 Select </TITLE>
<META http-equiv="Content-Type" content="text/html; charset=gb2312"></HEAD>
<BODY text="#000000" bgcolor="#ffffff">
<div style="font:14;width:60;color:white;background:black;padding:4"
onmouseover="menu1.style.display=''" onmouseout="menu1.style.display='none'">
菜单 </div><br>
<OBJECT id=menu1 style="display:none;z-index:1000; position:absolute; top:40; left:7; width:152; height: 200;" type="text/x-scriptlet" data="about:<div style='position:absolute;left:0;top:0;width:152;height:200;font:14;color:white;background:black;border:1 solid black'>

<div>菜单１</div><div>菜单２</div><div>菜单３</div><div>菜单４</div><div>菜单５</div><div>菜单６</div><div>菜单７</div></div>" onmouseover="menu1.style.display=''" onmouseout="menu1.style.display='none'"></OBJECT>
<SELECT name="select">
<OPTION value="fdsa" selected>fdsgdsfgdsfgdfgdsgdsfgdsgdsa</OPTION>
</SELECT><br><iframe></iframe>
</BODY></HTML>