miércoles, 16 de enero de 2013

Superponer un DIV a un objeto Flash en IE

Debido a que íbamos a sacar en Kickstarter el juego de Guildmasters, tenía que poner, de una forma destacada, el 'banner' hacia el proyecto para recaudar fondos en la página de Otherwind.

El banner de Kickstarter no es otra cosa que un iframe a una página que ellos tienen, así que, como necesitábamos algo rápido, se me ocurrió ponerlo en una pestaña lateral que apareciese desplegada, y hacerla plegable pulsando sobre el logo, algo sencillo pero visualmente no alteraba demasiado el diseño de la web, y conseguia lo que quería, llamar la atención sobre el banner.

La cosa quedó así:



Perfecto, podría hacerse mejor, pero con el tiempo que tenía no daba para más.

Claro, la sorpresa llegó cuando pasé de verlo en el Chrome, a verlo en el IE



Problema, se montaba el flash sobre el div gris - no sobre el iframe - cosa que siempre pasa en IE, y que yo recordaba que era muy muy sencillo de solucionar.

Pero claro, hacía mucho que no trasteaba con cosas de estas, y no lo recordaba. No costó mucho encontrar la solución. Simplemente hay que añadir al flash:


Código HTML :
  • <param name="wmode" value="transparent" />

y en el embed ponemos:
Código HTML :

  • wmode="transparent"


Y, evidentemente, todo va como la seda.



Listo