html - 内部带有 swf 和 z-index : firefox mac bug 的 div

Question

我遇到了 firefox for mac 和 z-index 的问题。我有 3 个 div:header、wrapper 和 footer；在它们里面我有 3 个 swf header.swf、wrapper.swf 和 footer.swf。这是代码:

<div id="header">
 <div id="navigation">
  <script type="text/javascript">
   var fo = new FlashObject("fla/head.swf", "top", "960", "118", "7", "#fff", true);
   fo.addVariable("quality", "best"); 
   fo.addVariable("scale", "noscale"); 
   fo.addParam("wmode", "transparent");
   fo.write("navigation");
  </script>
 </div>
</div>
<div id="wrapper">
 <div id="flashContent" class="home">
  <script type="text/javascript">
   var fo = new FlashObject("fla/home.swf", "top", "1660", "840", "7", "#fff", true);
   fo.addVariable("quality", "best"); 
   fo.addVariable("scale", "noscale"); 
   fo.addParam("wmode", "transparent");
   fo.write("flashContent");
  </script>
 </div>
</div>
<div id="footer" class="fHome">
 <div id="news">
  <script type="text/javascript">
   var fo = new FlashObject("fla/footer.swf", "top", "960", "130", "7", "#292929", true);
   fo.addVariable("quality", "best"); 
   fo.addVariable("scale", "noscale"); 
   fo.addParam("wmode", "transparent");
   fo.write("news");
  </script>
 </div>
</div>

这是CSS代码:

body {overflow-x:hidden}
#header {position:absolute; top:0px; left:0px; background:url(../img/bkgHeader.jpg) top left repeat-x; width:100%; height:118px; text-align:center; z-index:50}
#navigation {width:960px; height:118px; margin:0 auto;}
#wrapper {background:#fff; position:absolute; top:60px; left:0px; width:100%; height:840px; text-align:center; z-index:1}
#news {width:960px; height:130px; margin:0 auto;}
#flashContent {width:1660px;margin:0 auto;}
.home {height:840px;}
#footer {position:absolute; left:0px; background:url(../img/bkgFooter.jpg) bottom left repeat-x; width:100%; height:130px; text-align:center; z-index:3}
.fHome {top:880px;}

问题是包装器 div 不能很好地与 zindex 一起工作并且不能停留在标题下方。所以翻转和推出操作不起作用!

请帮忙!

Answer 1

对于 z-index 也允许负数....也许可以帮助？或者给其他人一个极高的 z-index 值!