div+css的问题

Question

我对DIV,CSS不太熟悉,刚接触
现在的问题是,下面的FLASH把我的导航条的事件给挡住了,如果我把
兰色部分改成图片就不会挡住了,怎么办???
<div id="Wrap" style="background-color:#f6f4e7">
<div id="head">
<link href="/style/topic1.css" rel="stylesheet" type="text/css" />
<link href="/style/css_c1.css" rel="stylesheet" type="text/css" />
<link href="css.css" rel="stylesheet" type="text/css" />
<script language="javascript" src="/js/function.js"></script>
<script language="javascript" src="/js/log.js"></script>
<script language="javascript" src="/js/topic.js"></script><script language="vbscript" src="/js/Code.vbs" type="text/vbscript"></script>
<script language="javascript" type="text/javascript">
    //var InspectPath="User/NewMail.asp";
</script><div class="logo"><a href="index.jsp"><img src="/images/logo-2.gif" /></a></div>
<div class="right">
<div class="top">
<div class="bg"></div>
</div>
<div class="menu"><div id="navmenu_niEasy_popwin" style=""></div><table cellpadding="0" cellspacing="0" border="0"><tr><td class="navfont"> <div class="topic_root"  style="color:#FF8000;"><a href="index.jsp"  id="topic0" style="font-size:12px;font-weight:normal;color:#FF8000;">网站首页</a></div>
<div class="topic_root"  style="color:#FF8000;"><a href="goto.jsp?topicid=214"  id="topic1" onMouseover="objDropMenu.show(this);" onmouseout="objDropMenu.startClose();" style="font-size:12px;font-weight:normal;color:#FF8000;">企业概况</a></div>
<div class="topic_root"  style="color:#FF8000;"><a href="goto.jsp?topicid=200"  id="topic2" onMouseover="objDropMenu.show(this);" onmouseout="objDropMenu.startClose();" style="font-size:12px;font-weight:normal;color:#FF8000;">服务项目</a></div>
<div class="topic_root"  style="color:#FF8000;"><a href="goto.jsp?topicid=201"  id="topic3" onMouseover="objDropMenu.show(this);" onmouseout="objDropMenu.startClose();" style="font-size:12px;font-weight:normal;color:#FF8000;">资讯中心</a></div>
<div class="topic_root"  style="color:#FF8000;"><a href="goto.jsp?topicid=202"  id="topic4" style="font-size:12px;font-weight:normal;color:#FF8000;">快件追踪</a></div>
<div class="topic_root"  style="color:#FF8000;"><a href="goto.jsp?topicid=203"  id="topic5" onMouseover="objDropMenu.show(this);" onmouseout="objDropMenu.startClose();" style="font-size:12px;font-weight:normal;color:#FF8000;">加盟合作</a></div>
<div class="topic_root"  style="color:#FF8000;"><a href="goto.jsp?topicid=204"  id="topic6" onMouseover="objDropMenu.show(this);" onmouseout="objDropMenu.startClose();" style="font-size:12px;font-weight:normal;color:#FF8000;">客服中心</a></div>
<div class="topic_root"  style="color:#FF8000;"><a href="goto.jsp?topicid=205"  id="topic7" style="font-size:12px;font-weight:normal;color:#FF8000;">网点分布</a></div>
<div class="topic_root"  style="color:#FF8000;"><a href="goto.jsp?topicid=206"  id="topic8" onMouseover="objDropMenu.show(this);" onmouseout="objDropMenu.startClose();" style="font-size:12px;font-weight:normal;color:#FF8000;">招聘英才</a></div>
<div class="topic_root"  style="color:#FF8000;"><a href="goto.jsp?topicid=207"  id="topic9" style="font-size:12px;font-weight:normal;color:#FF8000;">资费查询</a></div>
<div class="topic_root"  style="color:#FF8000;"><a href="goto.jsp?topicid=252"  id="topic10" style="font-size:12px;font-weight:normal;color:#FF8000;">网站论坛</a></div>
</td></tr></table>
</div>
 <div class="bottom"></div>
</div>
<div>
<!--<img src="/images/mainTopBg.gif"/>-->
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
width="902" height="242" id="bottom" align="">
<param name=movie value="/images/top.swf"><param name=quality value=high>
<embed src="/images/top.swf" quality=high  width="902" height="242" name="bottom" align=""
type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">
</embed>
</object>
</div>
</div>

Answer 1

晕,颜色怎么没出来啊,就是FLASH部分了

Answer 2

我说的是那个菜单点上去就会出现下拉菜单,但是现在被FLASH档住了.

Answer 3

如果把FLASH该图片就不会的,为什么??

Answer 4

你在调用flash地方的上面加几个<br/>不行吗？？

Answer 5

好象意思是说没有东西能放在FLASH上面一样,怎么办???

Answer 6

flash的位置盖住了联动的效果，那你onmouseover的时候把出来的下拉效果的height设置短一点吧 

Answer 7

style="position:absolute;top:120px;left:100px;   z-index:52;"
在div里加这个 absolute参数是设定这个div在页面的绝对位置后面top就是离顶部距离
left左边距离z-index:52;" 你把这个数值设大一点就会把小的哪个覆盖掉
就是说有两个div 一个z-index:1; 一个是z-index:100;那么如果两个div重叠的时候100的会
把1的盖掉

Answer 8

我修改了,为什么不行啊,你们有谁碰到过这样的情况吗?如果把FLASH换成图片是可以的,就是换FLASH以后不行了.

Answer 9

tomkevin你说的办法行不同的,我的菜单栏距离FLASH的位置很近的,所以怎么设短都没有用.

Answer 10

谢谢大家,终于搞定,longshenls的方法是正确的,但是需要把FLASH做成透明,
<param   name="wmode"   value="transparent">
在FLASH里加上这一句就可以了,另外把FALSHz-index:-1这样设就能确保它在底层了,谢谢大家了，接分.