Estoy utilizando una pelicula flash que me hace de fondo de la web y me surgen problemas con el z-index de css.
Hoja de estilos:
Código :
.fondoflash{ z-index:4; position:absolute; } .noticias{ position:absolute; width:680px; height:545px; z-index:10; left:40px; top:135px; overflow-y:scroll; } .enlaces{ position:absolute; width:230px; height:260px; z-index:10; left:770px; top:115px; overflow-y:scroll; } .descargas{ position:absolute; width:230px; height:260px; z-index:10; left:770px; top:425px; overflow-y:scroll; } .tnoticias{ margin:10px; } .tdescargasenlaces{ margin:10px; color:#333; }
Codigo HTML:
Código :
<body> <div class="fondoflash"> <script language="JavaScript" type="text/javascript"> AC_FL_RunContent( 'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0', 'width', '1024', 'height', '700', 'src', 'index3', 'quality', 'high', 'pluginspage', 'http://www.adobe.com/go/getflashplayer_es', 'align', 'middle', 'play', 'true', 'loop', 'true', 'scale', 'showall', 'wmode', 'window', 'devicefont', 'false', 'id', 'index3', 'bgcolor', '#f1f1f1', 'name', 'index3', 'menu', 'true', 'allowFullScreen', 'false', 'allowScriptAccess','sameDomain', 'movie', 'index3', 'salign', '' ); //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=10,0,0,0" width="1024" height="700" id="index3" align="middle"> <param name="allowScriptAccess" value="sameDomain" /> <param name="allowFullScreen" value="false" /> <param name="movie" value="index3.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#f1f1f1" /> <embed src="index3.swf" quality="high" bgcolor="#f1f1f1" width="1024" height="700" name="index3" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer_es" /> </object> </noscript> </div> <div class="noticias"> <table class="tnoticias"> <tbody> </tbody> </table> </div> <div class="enlaces"> <table class="tdescargasenlaces"> <tbody> </tbody> </table> </div> <div class="descargas"> <table class="tdescargasenlaces"> <tbody> </tbody> </table> </div> </body>
La cosa es que en Firefox y demas, las tablas con su barra de scroll se me keda perfectamente colocadas en la posicion que tienen definida por delante del DIV con la pelicula flash. Pero en IE 8 se quedan debajo.
¿Alguien sabe como solucionarlo?