Question

css下拉菜单被js焦点图挡住了怎么办

菜单导航：
<div id="menu">
<ul>
<li><span><a href="index.asp">首页</a></span></li>
<li><span><a href="news1.asp">德育管理</a></span>
<ul>
<li><a href="news1.asp">德育管理</a></li>
</ul>
</li>
<li><span><a href="news2.asp">教学管理</a></span>
<ul>
<li><a href="tsjy.asp">特色教育</a></li>
</ul>
</li>
<li><span><a href="news3.asp">学生园地</a></span>
<ul>
<li><a href="tsjy.asp">学生园地</a></li>
<li><a href="klpt.asp">快乐平台</a></li>
<li><a href="myzx.asp">每月之星</a></li>
<li><a href="fscz.asp">分享成长</a></li>
</ul>
</li>
<li><a href="login.asp" id="menu1">家校系统</a></li>
</ul>
</div>
________________________________________
js焦点图：
<div align="center">
<DIV class="fpic">
<A id=foclnk href="#">
<IMG id=focpic style="FILTER: RevealTrans ( duration = 1，transition=23 ); VISIBILITY: visible; POSITION: absolute" height="284" alt="" src="images/01.jpg" width="615"></A>
<DIV id="fttltxt" style="FLOAT: left; TEXT-ALIGN: center"><A href="#" target="_blank"></A></DIV>
<DIV style="MARGIN-LEFT: 615px; WIDTH: 81px">
<DIV class=thubpiccur id=tmb0 onmouseover=setfoc(0); onmouseout=playit();>

<A href="#"><IMG src="images/01.jpg" alt="" width="81" height="52" border="0"></A></DIV>
<DIV class="thubpic" id="tmb1" onmouseover=setfoc(1); onmouseout=playit();>
<A href="#"><IMG height="52" alt="" src="images/02.jpg" width="81"></A></DIV>
<DIV class="thubpic" id="tmb2" onmouseover=setfoc(2); onmouseout=playit();>
<A href="#"><IMG height="52" alt="" src="images/03.jpg" width="81"></A></DIV>
<DIV class="thubpic" id="tmb3" onmouseover=setfoc(3); onmouseout=playit();>
<A href="#"><IMG height="52" alt="" src="images/04.jpg" width="81"></A></DIV>
<DIV class="thubpic" id="tmb4" onmouseover=setfoc(4); onmouseout=playit();>
<A href="#"><IMG height="52" alt="" src="images/05.jpg" width="81"></A></DIV>
<SCRIPT language=javascript type=text/javascript>
var picarry = {};
var lnkarry = {};
var ttlarry = {};
picarry[0] = "images/01.jpg";
lnkarry[0] = "#";
ttlarry[0] = "";
picarry[1] = "images/02.jpg";
lnkarry[1] = "#";
ttlarry[1] = "";
picarry[2] = "images/03.jpg";
lnkarry[2] = "#";
ttlarry[2] = "";
picarry[3] = "images/04.jpg";
lnkarry[3] = "#";
ttlarry[3] = "";
picarry[4] = "images/05.jpg";
lnkarry[4] = "#";
ttlarry[4] = "";
</SCRIPT>
</DIV>
</DIV></div>

Answer 1

先设置position：relative；然后设置z-index 还有一种可能是overflow:hidden;去掉

Answer 2

id 为 menu的 css中设置 z-index：数值; 数值越大越好.例如 999;

Answer 3

第一：检查你的html结构
第二：使用z-index样式
第三：float浮动

Answer 4

有时候z-index要配上position才好使

Answer 5

添加位置：物业？最外层的一组相对的位置的z-index：9999;

追问

加在哪个位置啊