flash - vib - vmware host client ™ 1.8 0 ga

IE-8 iframe y flash object ignoran z-index?

Question

Tengo los siguientes divs y estoy tratando de hacer que la capa iframe enfrente de my_flash. Es un problema común y he leído todas las soluciones que pude encontrar y todavía estoy recibiendo problemas en IE8. Estoy usando SWFobject por cierto.

Aquí está la fuente:

<script type="text/javascript">
swfobject.embedSWF("index.swf", "my_flash", "100%", "100%", "8.0.0");
swffit.fit("my_flash",900,650);
</script>

<div id="my_flash" style="z-index:1;"></div>

<div  style="border:none; overflow:hidden; width:50px; height:21px; z-index:9999; position: absolute; bottom: 5px; left: 110px;" >
<iframe src="http://www.facebook.com/plugins/like.php?blah.html" scrolling="no" frameborder="0" allowTransparency="true"  style="z-index:9998"/>
</div>

Answer 1

Debe establecer el parámetro wmode del objeto Flash cuando se incruste con SWFObject.

Aquí hay un breve tutorial para hacer eso.

Aquí hay un código modificado para su problema:

<script type="text/javascript">
  swfobject.embedSWF("index.swf", "my_flash", "100%", "100%", "8.0.0", null, { wmode: "transparent" });
  swffit.fit("my_flash",900,650);
</script>

Answer 2

Desafortunadamente, el índice z no afecta a Flash Player. Vea este ejemplo: http://demos.learnswfobject.com/html-over-swf/dynamic.html ( Tutorial relacionado)

En el ejemplo vinculado anteriormente, el elemento padre tiene una position:"relative" , y el elemento HTML tiene una position:"absolute" . El SWF no necesita tener una position especificada. Ninguno de los elementos tiene z-index especificado. El SWF necesita tener wmode establecido en opaque o transparent . wmode:"opaque" se prefiere wmode:"opaque" a wmode:"transparent" ya que se sabe que la transparent causa problemas y utiliza mucha más potencia de procesamiento que la opaque .

Prueba esto:

<style type="text/css"> 
/* establish relationship with child elements */
#wrapper { position: relative; }

/* this element will automatically appear overtop 
   of the wmode=opaque SWF without needing z-index */
#myiframe { position: absolute; }

/* No CSS needs to be specified for the SWF */
#myswf { }
</style>

<div id="wrapper"> 
    <iframe id="myiframe" src="mypage.html"></iframe> 
    <div id="myswf">This will be replaced by SWFObject</div> 
</div> 

Answer 3

var flashvars = {};
var params = {};
params.wmode = "transparent";
var attributes = {};

swfobject.embedSWF("index.swf", "my_flash", "100%", "100%", "8.0.0", ''/swfobject/expressInstall.swf'',
    flashvars, params, attributes);