Question

我遇到了firefox for mac和z-index的问题。我有3个div：标题，封面和页脚;在他们里面我有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值！

div里面有swf和z-index：firefox mac bug

1 个答案: