Question

纯css下拉菜单被js焦点图挡住了怎么办啊？菜单和焦点图都放在div里

<div class="menu">

<ul>

<li><a class="hide" href="../menu/index.html">DEMOS</a>

<!--[if lte IE 6]>

<a href="../menu/index.html">DEMOS

<table><tr><td>

<![endif]-->

<ul>
<li><a href="#">zero dollars</a></li>
<li><a href="#">wrapping text</a></li>
<li><a href="#">styled form</a></li>
<li><a href="#">active focus</a></li>
</ul>

<!--[if lte IE 6]>

</td></tr></table>

</a>

<![endif]-->

</li>

<li><a class="hide" href="index.html">MENUS</a>

<!--[if lte IE 6]>

<a href="index.html">MENUS

<table><tr><td>

<![endif]-->

<ul>
<li><a href="#">zero dollars</a></li>
<li><a href="#">wrapping text</a></li>
<li><a href="#">styled form</a></li>
<li><a href="#">active focus</a></li>
</ul>

<!--[if lte IE 6]>

</td></tr></table>

</a>

<![endif]-->

</li>
</ul>
js焦点图代码：
<div class="fpic">
<a id=foclnk href="#">
<img id=focpic style="filter: revealtrans ( duration = 1，transition=12 ); visibility: visible; position: absolute;" height="245" src="images/01.jpg" width="342"></a>
<div id=fttlbg></div>
<div id=fttltxt><a href="#">标题零</a></div>
<div class=thubpiccur id="tmb0"onmouseover=setfoc(0); onmouseout=playit();><a href="#"><img src="images/01.jpg"></a></div>
<div class=thubpic id="tmb1" onmouseover=setfoc(1); onmouseout=playit();><a href="#"><img src="images/02.jpg"></a></div>
<div class=thubpic id="tmb2" onmouseover=setfoc(2); onmouseout=playit();><a href="#"><img src="images/03.jpg"></a></div>
<div class=thubpic id="tmb3" onmouseover=setfoc(3); onmouseout=playit();><a href="#"><img src="images/04.jpg"></a></div>
</div>
<script language=javascript type=text/javascript>
var picarry = {};
var lnkarry = {};
var ttlarry = {};
picarry[0] = "images/01.jpg";
lnkarry[0] = "http://www.lanrentuku.com/";
ttlarry[0] = "懒人图库 标题1";
picarry[1] = "images/02.jpg";
lnkarry[1] = "http://www.lanrentuku.com/";
ttlarry[1] = "懒人图库 标题2";
picarry[2] = "images/03.jpg";
lnkarry[2] = "http://www.lanrentuku.com/";
ttlarry[2] = "懒人图库 标题3";
picarry[3] = "images/04.jpg";
lnkarry[3] = "http://www.lanrentuku.com/";
ttlarry[3] = "懒人图库 标题4";
</script>

Answer 1

加样式：.menu{position:relative; z-index:100;}
.fpic{position:relative; z-index:10;}

Answer 2

给菜单的那个DIV一个z-index属性，z-index：100；

Answer 3

用z-index属性来解决，并给底部的焦点图加个透明滤镜试试