El problema
Recientemente me tope con este problema, el cual ocurre cuando tienes una animación flash (swf) incrustado en el sitio, luego, al querer poner una capa absoluta que esté sobre la animación flash, simplemente el flash siempre queda sobre cualquier otro elemento, inclusive si a la capa le pones un zindex de 100 o 1000.
La [...]
El problema
Recientemente me tope con este problema, el cual ocurre cuando tienes una animación flash (swf) incrustado en el sitio, luego, al querer poner una capa absoluta que esté sobre la animación flash, simplemente el flash siempre queda sobre cualquier otro elemento, inclusive si a la capa le pones un zindex de 100 o 1000.
La solución a este problema es sencilla, pero primero hay que explicar un poco del funcionamiento del reproductor de flash.
Los diferentes modos
A partir de la versión 6 del reproductor, Macromedia (ahora Adobe) introdujo lo que se le conoce como el wmode, este parámetro le dice al reproductor de que forma pintar el contenido de la película, existen tres modos.
Window es el modo por default, utilizando este modo el reproductor optimiza el dibujado, lamentablemente con este modo seleccionado la animación siempre esta sobre todos los demás objetos del sitio.
Opaque permite el manejo de la propiedad z-index, pasando el control del dibujado al explorador, de esta manera es posible poner elementos sobre las animación flash.
Transparent permite poner transparente el fondo de la película, y a su vez nos permite manipular la pila del orden, se recomienda utilizar el modo anterior a este si no es necesario poner transparencia al fondo de la animación.
La solución
Con esto en mente el código para insertar una película flash que pueda ser manipulada en la pila del orden quedaria de la siguiente manera.
Es importante mencionar que únicamente se le agrega este parámetro al codigo generado por flash.
Y dentro de la etiqueta <embed> se le agrega esta propiedad
wmode="transparent"
Con esto es suficiente para solucionar este pequeño y molestoso bug.
Referencia
http://kb.adobe.com/selfservice…sliceId=2
No related posts.
Related posts brought to you by Yet Another Related Posts Plugin.
28 Responses
Oh joven crysfel! que placer encontrar su sitio.
El metodo que describiste funciona muy bien en Safari e Firefox en windows, pero en linux, no hay forma alguna de solucionarlo.
Suerte
Este del flash no lo sabia para nada!!!, muchas gracias!!!!
MUCHISIMAS GRACIAS, POR FIN UN SITIO DONDE LO EXPLICA CON CLARIDAD Y SIN MIL ROYOS
+REP!!!
chido, ha sido de gran ayuda.
saludos
[...] http://www.crysfel.com/index.php/2007/08/28/flash-y-el-z-index/ [...]
muchisisisisisma gracias kompa me fue util un 1000000000000 %
deberas mil gracias!
saludos desde colombia
Cumpa genial me ha sido de gran utilidad.
tu post me salvo el dia
buen tip
Gracias por tu ayuda logre hacer que el menu se ponga arriba de la animación
Excelente amigo gracias por su dato me funciono a la perfeccion.
Para ser bueno en algo debes aprender todo sobre ese algo, eso mi hermano, es, lo que lo hace a usted bueno en esto.
Mil gracias por este tips
Muy bueno. Me ha servido perfectamente para poner un div sobre un flash que era lo que quería…
en parte.
El problema ahora es la captura de eventos. Si wmode = transparent, el onclick sobre el div responde, pero si es opaque no.
Por supuesto, en mi caso tengo que hacerlo opaque, pero bueno
Añadido:
Si el div tiene fondo o contenido (un color de fondo, texto, etc) si captura el onclick, aunque sólo sobre ese contenido, en ningún otro sitio. Cuando quieres un div transparente sobre el flash…
De verdad vale la pena darle muchas gracias por este artículo, llevaba 4 horas cambiando y cambiando cosas, con este post en 3 minutos solucione el problema.
De verdad muchas gracias
No me funciono??
Con el navegador firefox en ubuntu???
Me salvó con firefox, bien documentado, gracias.
–
http://www.richardsite.com.mx
no funciona, hice todo paso a paso, no se que pasa ni con IE ni con FIREFOX
Muchas Gracias!! ahora veo mi lightbox por encima de la pelicula flash en todos los exploradores!!
A mi no me sirvio de mucho, probando en FF2 e IE8, por mas que ponga el parametro wmode; no me obedece el z-index que deseo
Gracias por la solucion, por suerte me fue facil gracias al metodo que has posteado
Saludos
PD: Follow Me on
- Twitter http://twitter.com/dreamcoders
- Facebook: http://facebook.com/dreamcoders
Te pasaste!!! fue la solucuón a mi problema!!!
GRACIAS!!!!
no me funciono, segui los pasos y nada, el lightbox sigue por debajo del swf..sera que hay que seguir alguna estructura especifica?
Excelente aporte, muchas gracias!!!
Funciona, pero al incluir wl wmode, aparecen los limites del flash al clickar sobre el, y no queda muy integrado
Grande flaco!!! por fin alguien que lo explica bien.
Gracias!!!!!!!!!!!!!!!!!!!
asu! q fácil era la solución, me dedico a la programación y hay cositas así básicas de diseño que desconosco y me hacen renegar
te lo agradesco!
Gracias por la informacion, pense que no hiba a poder poner nada de Exts sobre mis animaciones flash.
Pase horas tratando de solucionarlo, Saludos.