swf para internet insertar como codigo archivo html css flash

para - ¿Cómo coloco contenido HTML sobre una película Flash?



flash player internet explorer 11 (6)

Un sitio en el que estoy trabajando tiene encabezados de Flash (usando swfobject para incrustarlos). Ahora estoy obligado a codificar en un poco de HTML que se supone que se superpone a la película Flash.

Intenté configurar z-index en el contenedor del elemento Flash y en el div (absolutamente posicionado) pero sigue "desapareciendo" detrás de la película Flash.

Estoy esperando una solución CSS, pero si hay un poco de magia JS que hará el truco, estoy preparado.

Actualización: Gracias, al configurar wmode a "transparente", principalmente lo solucionó. Solo Safari / Mac todavía ocultaba el div detrás del flash en el primer show. Cuando cambiaba a otra aplicación y la devolvía, estaba al frente. Pude arreglar esto al configurar los estilos iniciales del div para display: none; y hazlo visible a través de JS medio segundo después de que la página se haya cargado.

Asegúrese de que FlashVar "wmode" esté configurado en "transparente" u "opaco", pero NO en el valor predeterminado, "ventana" ... entonces debería poder usar CSS z-index

Nota de seguimiento: como encontraste en tu actualización, mostrar HTML para mostrar sobre Flash es actualmente una proposición compleja, e incluso con la magia JS que encontraste, deberías esperar que Flash bloquee tu HTML para que algunos espectadores utilicen el -browsers, versiones anteriores, y así sucesivamente.

Si para usted es importante llegar a una audiencia de navegación arbitrariamente grande (dispositivos móviles, por ejemplo), rediseñar su contenido para evitar la superposición puede ahorrarle dolores de cabeza a largo plazo.

Como dijo Steve Paulo, viene la parte divertida cuando el HTML que está sobre tu flash llama más flash ...

Oh, la diversión que tuvimos con esa, que implicó establecer el índice z para que fuera más bajo para dar cuenta del flash pensando que son las rodillas de las abejas y, por lo tanto, siempre deben estar en la parte superior.

Establezca esta variable de flash como esta

s1.addParam("wmode","transparent");

luego en la etiqueta div usa este estilo

style="z-index:inherit;

El problema será resuelto

use el código en el siguiente estilo, funciona en Firefox y Chrome

<object id=''myId'' width=''700'' height=''500''> <param name=''movie'' value=''images/ann/$imagename'' /> <param name=''wmode'' value=''transparent'' /> <!--[if !IE]>--> <object type=''application/x-shockwave-flash'' data=''images/ann/$imagename'' width=''700'' height=''500'' wmode=''transparent''> <!--<![endif]--> <div> <h1>Please download flash player</h1> <p><a href=''http://www.adobe.com/go/getflashplayer''><img src=''http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif'' alt=''Get Adobe Flash player'' /></a></p> </div> <!--[if !IE]>--> </object> <!--<![endif]--> </object>