浮动的子菜单会被其下方的下拉列表框个遮盖住，怎么办？急啊

下拉列表框用模拟的。
当你点击的时候才真正显示下拉列表框，其它时候用别的看起来象列表框的图片或其他代替。

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

我把具体代码贴出，大家帮忙看看：<HTML><HEAD><TITLE>hello</TITLE><STYLE type=text/css>A:link {
COLOR: #000000; TEXT-DECORATION: none
}
A:active {
COLOR: #000000; TEXT-DECORATION: none
}
A:visited {
COLOR: #000000; TEXT-DECORATION: none
}
A:hover {
COLOR: #ff8ca6; TEXT-DECORATION: underline
}
BODY {
SCROLLBAR-FACE-COLOR: #fbf4f4; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(Skins/Default/css/blue/kabg.gif); SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #fbf4f4; COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #fbf4f4; SCROLLBAR-ARROW-COLOR: #d66565; FONT-FAMILY: ËÎÌå; SCROLLBAR-DARKSHADOW-COLOR: #f3e2e2
}
FONT {
LINE-HEIGHT: normal
}
TD {
FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: 宋体}
TH {
FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(Skins/Default/css/blue/g3.gif); COLOR: #ffffff; BACKGROUND-COLOR: #ff9bb1
}
TD.TableTitle2 {
BACKGROUND-COLOR: #ffd4de
}
TD.TableBody1 {
BACKGROUND-COLOR: #ffecef
}
TD.TableBody2 {
BACKGROUND-COLOR: #ffd4de
}
TD.TopDarkNav {
BACKGROUND-IMAGE: url(Skins/Default/css/blue/g12.gif)
}
TD.TopLighNav {
BACKGROUND-IMAGE: url(Skins/Default/css/blue/g1.gif)
}
TD.TopLighNav1 {
BACKGROUND-IMAGE: url(Skins/Default/css/blue/g2.gif)
}
TD.TopLighNav2 {
BACKGROUND-COLOR: #ffffff
}
.tableBorder1 {
BORDER-RIGHT: 1px; BORDER-TOP: 1px; BORDER-LEFT: 1px; WIDTH: 99%; BORDER-BOTTOM: 1px; BACKGROUND-COLOR: #99ccff
}
.tableBorder2 {
BORDER-RIGHT: #ffb3c4 1px solid; BORDER-TOP: #ffb3c4 1px solid; BORDER-LEFT: #ffb3c4 1px solid; WIDTH: 85%; BORDER-BOTTOM: #ffb3c4 1px solid; BACKGROUND-COLOR: #ffd4de
}
#TableTitleLink A:link {
COLOR: #ffffff; TEXT-DECORATION: none
}
#TableTitleLink A:visited {
COLOR: #ffffff; TEXT-DECORATION: none
}
#TableTitleLink A:active {
COLOR: #ffffff; TEXT-DECORATION: none
}
#TableTitleLink A:hover {
COLOR: #ffffff; TEXT-DECORATION: underline
}
INPUT {
FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: Tahoma,Verdana,宋体}
SELECT {
FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: Tahoma,Verdana,宋体}
TEXTAREA {
FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: Tahoma,Verdana,宋体}
.normalTextSmall {
FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.menuskin {
BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; BACKGROUND-IMAGE: url(/xlt1/images2/dvmenubg3.gif); VISIBILITY: hidden; FONT: 12px Verdana; BORDER-LEFT: #666666 1px solid; BORDER-BOTTOM: #666666 1px solid; BACKGROUND-REPEAT: repeat-y; POSITION: absolute; BACKGROUND-COLOR: #efefef
}
.menuskin A {
PADDING-RIGHT: 10px; PADDING-LEFT: 25px; BEHAVIOR: url(inc/noline.htc); COLOR: black; TEXT-DECORATION: none
}
#mouseoverstyle {
BORDER-RIGHT: #597db5 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #597db5 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 2px; BORDER-LEFT: #597db5 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #597db5 1px solid; BACKGROUND-COLOR: #c9d5e7
}
#mouseoverstyle A {
COLOR: black
}
.menuitems {
PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; MARGIN: 2px; WORD-BREAK: keep-all; PADDING-TOP: 1px
}
A.navlink:link {
COLOR: #000000; TEXT-DECORATION: none
}
A.navlink:visited {
COLOR: #000000; TEXT-DECORATION: none
}
A.navlink:hover {
COLOR: #003399; TEXT-DECORATION: none
}
.BrightClass {
BACKGROUND-COLOR: #d7d7d7
}
.quote {
BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 5px; BACKGROUND: #f3f3f3; PADDING-BOTTOM: 5px; MARGIN: 5px 20px; BORDER-LEFT: #cccccc 1px solid; LINE-HEIGHT: normal; PADDING-TOP: 5px; BORDER-BOTTOM: #cccccc 1px solid
}
DIV.quote {
BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 5px; BACKGROUND: #f3f3f3; PADDING-BOTTOM: 5px; MARGIN: 5px 20px; BORDER-LEFT: #cccccc 1px solid; LINE-HEIGHT: normal; PADDING-TOP: 5px; BORDER-BOTTOM: #cccccc 1px solid
}
DIV.HtmlCode {
BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 14px; BACKGROUND: #fdfddf; PADDING-BOTTOM: 5px; MARGIN: 5px 20px; BORDER-LEFT: #cccccc 1px solid; LINE-HEIGHT: normal; PADDING-TOP: 5px; BORDER-BOTTOM: #cccccc 1px solid; FONT-STYLE: oblique; FONT-FAMILY: Tahoma
}
</STYLE><SCRIPT language=JavaScript src="/xlt1/images2/Main.js"></SCRIPT>
</HEAD>
<BODY leftMargin=0 topMargin=0>
<DIV class=menuskin id=popmenu
onmouseover="clearhidemenu();highlightmenu(event,'on')" style="Z-INDEX: 100"
onmouseout="highlightmenu(event,'off');dynamichide(event)"></DIV>
<TABLE class=tableborder1 cellSpacing=0 cellPadding=0 align=center>
  <TBODY>



  <TR>

    <TD class=TopLighNav1 id=Menu vAlign=center height=22> 


      <A
      onmouseover="showmenu(event,'<div class=menuitems><a style=font-size:9pt;line-height:14pt; href=JavaScript:openScript(\'messanger.asp?action=new\',500,400)>aa</a></div><div class=menuitems><a style=font-size:9pt;line-height:14pt; href=BoardPermission.asp?boardid=25&action=Myinfo>bb</a></div>')"
      style="CURSOR: hand" href="http://bbs.seedit.com/usermanager.asp">AB</A>
      <IMG src="/xlt1/images2/navspacer.gif" align=absMiddle border=0>
      <A
      onmouseover="showmenu(event,'<div class=menuitems><a style=font-size:9pt;line-height:14pt; href=JavaScript:openScript(\'messanger.asp?action=new\',500,400)>cc</a></div><div class=menuitems><a style=font-size:9pt;line-height:14pt; href=BoardPermission.asp?boardid=25&action=Myinfo>dd</a></div>')"
      style="CURSOR: hand" href="http://bbs.seedit.com/usermanager.asp">HH</A>
      <IMG src="/xlt1/images2/navspacer.gif" align=absMiddle border=0>

    </TR></TBODY></TABLE>
    <select name="city" size="1" style="border-style: dashed; border-width: 1">

         <option value="1" >ppppp

          <option value="2" >qqqqq          <option value="3" >aaaaa
        </select>
</body>
</html>
自己用层来模拟下拉框，替代原有的下拉框。网上搜一下，挺多这种例子的。