Solucionar problema con película Flash por encima de html

Seguramente se os habrá presentado en mas de una ocasión la situación en la que determinada animación Flash que quedaba estupendamente integrada en el diseño de nuestra página tuvo que ser reemplazada por una imagen en jpg o png porque nos era imposible situar cualquier elemento html (un menú desplegable por ejemplo) por encima de ésta cuando visualizábamos la página en nuestro navegador.

La primero que se nos viene a la mente es la utilización del z-index para situar el elemento html por encima de la animación flash que lo oculta pero esto no soluciona el problema. Si embargo, como casi todo, esto tiene solución.

En este caso,  resolveremos nuestro problema en Internet Explorer agregándole al object donde va embebido el Flash el parámetro “wmode” con valor “transparent”.

<param name=”wmode” value=”transparent” />

Firefox parece utilizar la etiqueta embed en lugar del object para mostrar la película. De modo que para resolver nuestro problema en Firefox debemos añadirle  a la etiqueta embed el atributo wmode con valor “transparent”.

<embed [...] wmode=”transparent”  />