0
Mac 및 Z- 색인 용 Firefox에 문제가 있습니다. 난 3 div : 헤더, 래퍼 및 바닥 글있어; 그 안에는 3 swf header.swf, wrapper.swf 및 footer.swf가 있습니다. 이것은 코드입니다 :div와 swf 내부 및 Z- 색인 : firefox mac 버그
<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;}
문제가 머리글 아래 Z- 색인 및 캔트 숙박과 좋은 일을 해달라고 래퍼 DIV입니다. 그래서 롤오버 및 롤아웃 동작이 이루어지지 않습니다!
pls help!
Mac에서 Firefox가 Z- 색인과 관련된 버그가 있음을 발견했습니다. 따라서 z- 색인의 수를 변경하면 CSS가 충분하지 않습니다! –