Menú desplegable debajo de una película de flash
Post geek: Este es un problema muy común, y debo decir que la primera vez que me pasó tardé un buen rato en encontrar la solución. Espero que si alguien tiene este problema, este post le ayude a solucionarlo. En realidad es muy sencillo.
El error:
Como ven al hacer rollover sobre un menú desplegable, este aparece por debajo de la película de flash. Para evitar esto es necesario hacer ajustes en la sección del código de flash. Para que no se confundan, vamos al código.
Suponiendo que usan Dreamweaver para pegar una película de flash, este les generará un código como este:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="600" height="362" title="ALT Text"><param name="movie" value="ejemplo.swf" /><param name="quality" value="high" /><embed src="ejemplo.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="600" height="362"></embed></object>
Este código por sí solo nos dará el error. Es necesario agregar lo siguiente para evitarlo.
En el área de -object-
<param id="wmode" value="transparent" />
En el área de -embed-
wmode="transparent"
El ejemplo ya con las modificaciones:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="600" height="362" title="Mapa de Exportaciones"><param name="movie" value="img/mapa-mercado.swf" /><param name="quality" value="high" /><param id="wmode" value="transparent" /><embed src="img/mapa-mercado.swf" wmode="transparent" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="600" height="362"></embed></object>
Como pueden ver es sencillo.
Juan Rodriguez el día 3 de Abril de 2007 a las 1:02 pm escribió:
Pero el parametro wmode - transparent nada mas te salvara para Internet Explorer…
Juan Rodriguez el día 3 de Abril de 2007 a las 1:07 pm escribió:
Ya vi como esta funcionando en FireFox, te felicito
Droid el día 3 de Abril de 2007 a las 5:28 pm escribió:
Lo que pasa es que la sección del código que va dentro de -object- es para IE, pero el segmento de código que va dentro del -embed- es para los navegadores basados en Mozilla, osease Netscape, Opera, Firefox.
Saludos
Diego el día 7 de Abril de 2007 a las 5:02 pm escribió:
Mil Gracias!! , lo voy a probar!
Mariela el día 1 de Junio de 2007 a las 8:03 am escribió:
me sigue saliendo el error en ie pero en mozilla todo me sale bien y eso que he puesto las lineas que le falntan
necesito ayuda
raper0917 el día 19 de Junio de 2007 a las 10:10 am escribió:
Funciona perfecto. Muy muy útil. Muchas Gracias. Te he agregado a mi del.icio.us
Giovanna el día 8 de Setiembre de 2007 a las 2:49 pm escribió:
Perfecta y clara tu información. Te agradezco montón tu ayuda.
Giovanna el día 8 de Setiembre de 2007 a las 2:50 pm escribió:
Agradezco tu ayuda. Necesitaba solucionar precisamente esto y fue muy clara tu indicación.
Silvana el día 16 de Junio de 2008 a las 4:45 am escribió:
Hola!.. funciona bien en firefox, pero no en IE6, ¿Puede ser?… como lo puedo solucionar para IE6?
Gracias
pato12 el día 2 de Julio de 2008 a las 5:51 pm escribió:
Hola,
Muchisimas gracias!!!!!!!!!!!!
Jack Spirit el día 5 de Agosto de 2008 a las 9:55 am escribió:
Pues es cierto, veo que en IE6 no funciona con “transparent”. La solución es meter en el param name estas dos:
IE funciona con la opaque.
Salud@os!
Jack Spirit
Jack Spirit el día 5 de Agosto de 2008 a las 9:55 am escribió:
Pues es cierto, veo que en IE6 no funciona con “transparent”. La solución es meter en el param name estas dos:
IE funciona con la opaque.
Salud@s!
Jack Spirit
Jack Spirit el día 5 de Agosto de 2008 a las 9:57 am escribió:
param id=”wmode” value=”transparent”
param name=”wmode” value=”opaque”
diezko el día 6 de Agosto de 2008 a las 7:55 pm escribió:
Flood de Jack Spirit!! :P
muchas gracias por la info.
super util