Hola,
Comento lo que me ocurre:
Tengo un flash menu en la parte superior de mi web, que logicamente se despliega verticalmente según en la opcion que pinchas por lo tanto tiene un tamaño de 1024x300. Este flash esta en un div con z-index=10, para que se me suporponga al flash que tengo mas abajo.
Luego en la parte inferior tengo un boton flash, incluido en una capa div con zindex=0.
Lo que me ocurre es lo siguiente: en IE me funciona correctamente, pero en firefox no. Cuando pincho en el flash de abajo, me aparece un recuadro que enmarca exactamente el flash menu de arriba y no me deja hacer nada en el falsh de abajo. Es como si no se activase e intentase activar el flash de arriba
El codigo es: utilizo swfobject ya que en windows 7 no se me visualizaban correctamente...He probado tambien el segundo flash sin swfobjet y tampoco me funciona..
Div del flash de arriba:
#color_id {position:absolute;
width:1000px;
z-index:10;
left: 0;
top: 110px;
text-align:center;
}
Div del flash de abajo:
#plastic_id {position:relative;
width:300px;
z-index:0;
left: 0px;
top: 0px;
}
Flash de arriba: <div id="color_id">
<script type="text/javascript">
var flashvars = {};
var params = {};
params.menu = "false";
params.quality = "best";
params.scale = "noscale";
params.salign = "tl";
params.wmode = "transparent";
params.base = ".";
var attributes = {};
attributes.name = "menuflash";
attributes.styleclass = "menuflash";
swfobject.embedSWF("MenuPrincipal.swf", "color_id", "1000", "300", "9.0.0", "expressInstall.swf", flashvars, params, attributes);
</script>
</div>
Flash abajo:
<div id="plastic_id">
<script type="text/javascript">
var flashvars = {};
var params = {};
params.menu = "false";
params.quality = "best";
params.scale = "noscale";
params.salign = "tl";
params.wmode = "transparent";
var attributes = {};
attributes.name = "menuflash1";
attributes.styleclass = "menuflash1";
swfobject.embedSWF("Potabilizacion/Potabilizacion.swf", "plastic_id", "300", "46", "9.0.0", "", flashvars, params, attributes);
</script></div>
Gracias