Visualizar menús desplegables HTML por encima de películas Flash
Este es otro tip "only for dummies", que es muy sencillo pero que da dolores de cabeza a la gente que apenas se inicia en el mundo de Ajax únicamente utilizando los códigos automáticos de Spry que trae Dreamweaver.
El problema que muchos se encuentran es que los menús desplegables les quedan por debajo de las peliculas Flash, aun estando está en un index inferior.

Esto tiene una solución muy sencilla, y pasa por añadirle la propiedad wmode de la pelicula Flash a valor invisible.
De manera que si estamos utilizando SwfObject para colocar el SWF, utilizariamos este código:
var flashvars = {};
var params = {};
var attributes = {};
params.wmode = "transparent";
swfobject.embedSWF("a.swf", "flash", "320", "240", "10.0.0", "expressInstall.swf", flashvars, params, attributes);
</script>
Esta línea de código es suficiente para resolver el problema.

Aqui el ejemplo, por si alguien lo quiere ver
Post relacinonados:




July 31st, 2009 at 3:44 pm
Este truco también funciona cambiando:
- params.wmode = "transparent";
por:
- params.wmode = "opaque";
Para los que no quieran poner sus SWF sin fondo.
July 31st, 2009 at 4:34 pm
Cierto, gracias por el comentario Otaku
July 31st, 2009 at 9:51 pm
Mucho ojito... wmode, bienvenido al infierno:
http://www.dandolachapa.com/2006/10/18/wmode-bienvenido-al-infierno/
August 2nd, 2009 at 6:18 pm
Hola @Cay, gracias por el aporte
Si, ya leí en su dia ese articulo de Zarate.
Ciertamente no es la solución más óptima, pero saca del apuro a la gente primeriza que se encuentra con ese problema (que son muchos)..
Lógicamente lo mejor es diseñar un layout en el que no tengas que pasar elementos html por encima de objetos Flash. Pero eso ya es otra historia..
August 21st, 2009 at 6:39 pm
Bastante util, muchas gracias. Muy bueno el blog.
September 2nd, 2009 at 1:18 pm
Esto sirve para cualquier .swf??? Aunque no sea un menú?
November 19th, 2009 at 12:27 pm
gracias por el aporte ahora ire a probarlo