Question

CSS+js下拉菜单被焦点图挡住了，请问怎么解决

<div id="header">

<div id="top_bar">
<div id="logo"><a href="/"></a></div>
<div id="toplink">
<ul><li>1</li>
</ul>
</div>
</div>

<div id="nav_bar">
<div id="nav">
<!--导航开始 -->
<script type="text/javascript">
window.onload=function()
{
var oNav=document.getElementById("nav");
var oDl=oNav.getElementsByTagName('dl');
var i=0;
var timer=null;

for(i=0;i<oDl.length;i++)
if(oDl[i].className=='one'){
oDl[i].onmouseover=function(){
var odd=this.getElementsByTagName('dd')[0];
var aa=this.getElementsByTagName('a')[0];
aa.className='hover';
odd.style.display='block';
}

oDl[i].onmouseout=function (){
var odd=this.getElementsByTagName('dd')[0];
var aa=this.getElementsByTagName('a')[0];
aa.className='';
odd.style.display='none';

}
}
}
</script>
<dl class="one">
<dt id="nav_index"><a href="/"></a></dt>
<dd id="nav_index_dd"></dd>
</dl>

<dl class="one">
<dt id="nav_1"><a href="/1/"></a></dt>
<dd>
<ul>
<li><a href="/1/">1</a></li>
</ul>
</dd>
</dl>

<dl class="one">
<dt id="nav_2"><a href="/2/"></a></dt>
<dd>
<ul>
<li><a href="/2/">2</a></li>
</ul>
</dd>
</dl>

<dl class="one">
<dt id="nav_5"><a href="/5/"></a></dt>
<dd>
<ul>
<li><a href="/5/">3</a></li>
</ul>
</dd>
</dl>

<dl class="one">
<dt id="nav_4"><a href="/4/"></a></dt>
<dd>
<ul>
<li><a href="/4/">4</a></li>
</ul>
</dd>
</dl>

<!--导航结束 -->
</div>
</div>
</div>
<div id="main">
<div class="focus">
<ul class="rslides f426x240"> <li><a href="/"><img src="/1.jpg" /></a></li>
<li><a href="/"><img src="/2.jpg"/></a></li>
<li><a href="/"><img src="/3.jpg" /></a></li>
</ul>
</div>
设置了#header{z-index:10000;} 也没用

Answer 1

加position：属性了？给最外层设置position：relative；z-index：9999；

Answer 2

给焦点图的flash嵌入代码加：<PARAM NAME=wmode VALUE=transparent>