Я использую вспышку для отображения фоновых изображений (вращающихся), и обычно она отображает div над вспышкой.
Теперь, так как Safari был обновлен, было решено отображать вспышку выше всего, а не все остальное выше вспышки .. http://www.souliejolie.com/2010/home
Он работает во всех других браузерах, кроме Safari 4 (.0.3). Он также работал (и до сих пор работает нормально) в safari 3.2.2.
Мне было интересно, кто-нибудь знает, как это исправить?
Вот мой флэш-код:
<div class="bg">
<script language="javascript">
if (AC_FL_RunContent == 0) {
alert("This page requires AC_RunActiveContent.js.");
} else {
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0','name','randomPic','width','100%','height','100%','align','middle','id','randomPic','src','/2010/modules/mod_flash/assets/bg','quality','high','allowscriptaccess','sameDomain','allowfullscreen','true','pluginspage','http://www.macromedia.com/go/getflashplayer','wmode','transparent','movie','/2010/modules/mod_flash/assets/bg' ); //end AC code
}
</script>
<noscript>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" name="randomPic" width="100%" height="100%" align="middle" id="randomPic">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="true" />
<param name="movie" value="/2010/modules/mod_flash/assets/bg.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<embed src="/2010/modules/mod_flash/assets/bg.swf" width="100%" height="100%" align="middle" quality="high" name="randomPic" allowScriptAccess="sameDomain" allowFullScreen="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="transparent" />
</object>
</noscript>
</div>
Вот мой css:
body, td, th {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
text-align: justify;
color: #464646;
}
body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color: #ffffff;
overflow: hidden;
}
.bg {
z-index: -1;
}
div#pageContainer {
position:absolute;
top:0px;
display:block;
width:100%;
height:100%;
overflow:auto;
z-index: 1;
}
Если кто-то может мне помочь, это было бы здорово ..:)