Mostrar la imagen encima del objeto flash

Question

Me encuentro ante una situación complicada aquí ... este es el problema ...
Tengo un objeto flash sobre el que quiero mostrar una imagen
Estos son los trucos que probé ...
1.Playing con z-index (sin uso)
2.Ajustando el parámetro wmode a transparente/opaco (de nuevo sin uso)
3.Using javascript y la visualización de imagen sólo después de que se carga la página (todavía no uso)
probé googlear pero no se encontraron soluciones .. :(Gracias de antemano


actualización -el código que estoy utilizando

 <div style="position:absolute; top:0px; z-index:-2000;"> 
      <object classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" id="obj1" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" border="0" width="176" height="146"> 
       <param name="movie" value="sample.swf" /> 
       <param name="wmode" value="transparent" /> 
       <param name="quality" value="High" /> 
       <param name="menu" value="false" /> 
       <embed src="sample.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj1" menu="false" width="176" height="146" /> 
      </object> 
     </div> 
     <div style="position:absolute; top:0px; z-index:2000;"> 
      <img src="Logo.gif" alt="" /> 
     </div> 

también trató con value = "opaco"
han hecho todas las sugerencias posibles ... pls ayudan ..

Answer 1

Actualización: sabía que era una o la otro con respecto a wmode, elegí el equivocado. No debería haber respondido una pregunta que sufre de falta de sueño. He comprobado ahora y wmode fijada a transparente es lo que quiere. Le permite colocar elementos HTML encima de objetos Flash.

En segundo lugar, incrustar las normas de manera amistosa, y el uso swfobject.

Trate capas de un div de colores brillantes sobre flash primero para la prueba. Además, quizás mueva el código de imagen sobre el Flash y vea cómo funciona.

Por último, todo lo que se necesita para obtener su código para trabajar, como se mencionó anteriormente por K Prime, es el establecimiento de wmode a transparente en su etiqueta embed, así.

<div style="position:absolute; top:0px; z-index:-2000;"> 
    <object classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" id="obj1" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" border="0" width="176" height="146"> 
     <param name="movie" value="/Images/WordOfLife.swf" /> 
     <param name="wmode" value="transparent" /> 
     <param name="quality" value="High" /> 
     <param name="menu" value="false" /> 
     <embed src="/Images/WordOfLife.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj1" wmode="transparent" menu="false" width="176" height="146" /> 
    </object> 
</div> 

<div style="position:absolute; top:0px; z-index:2000;"> 
    <img src="Logo.gif" alt="" /> 
</div> 

Answer 2

Cuando se utiliza el índice z, asegúrese de que la posición de CSS de ambos (el img el objeto flash) se establece en relativa o absoluta:

.imgAboveFlash { 
    position: relative; 
    z-index: 10; /* higher than that of flash object */ 
} 

y establecer el wmode del objeto flash para opaco.

Asegúrese de que el elemento de matriz html tiene su posición relativa a establecer .

Answer 3

Me hicieron un menú desplegable HTML puramente en CSS y los objetos Flash fue siempre en la parte superior de cada menú desplegable.

lo tanto, aquí es lo que hice. Convierta Flash wmode en opaco.

Para su caso, haga que el objeto flash wmode sea opaco y dé a la imagen un índice z más alto que el índice z de un objeto flash (pruebe 1000 para "garantizar" una posición más alta).

Answer 4

supongo que su código funciona bien en IE, pero no en FF - añadir un parámetro wmode a su embed así:

<embed 
    src="/Images/WordOfLife.swf" 
    pluginspage="http://www.macromedia.com/go/getflashplayer" 
    type="application/x-shockwave-flash" 
    name="obj1" 
    menu="false" 
    width="176" 
    height="146" 
    embed="transparent" 
/> 

Answer 5

establece wmode a transparente como el anterior, pero coloque su contenido en un iframe.que acaba de resolver mis problemas: http://argyleink.com/dieantsdie/