html delante de flash

Cuando se mezcla flash y html en la misma página, el archivo flash tiene la mala costumbre de colocarse siempre encima del maquetado html por mucho que le digamos que está en un div con el z-index por debajo.

La solución a este comportamiento pasa por declarar en el object/embed del código que contiene el flash, el parámetro wmode con el valor ‘transparent’ y asunto arreglado.

Este parámetro sirve para eliminar el fondo de color del propio flash y dejarlo transparente. Se ha utilizado mucho para hacer aparecer publicidad en medio de una web. El caso es que también nos resuelve esa manía de aparecer siempre delante.

De esta manera un flash se puede converitr en el fondo animado de una página maquetada en html puro y duro.

15 Responses to “html delante de flash”

  1. Mil gracias tio, llevaba dos días rompiéndome el coco… se que puede parecer tonto pero para aquellos que empezamos con esto del flash nos es de gran ayuda estas pequeñas puntillas de información que nos dan el justo toque nos faltaba para poder terminar de maquetar nuestros trabajillos…

    Un abrazo enorme… se que parezco demasiado efusivo pero después de dos días de búsqueda continua y lectura de cientos de manuales y tutoriales (algunos ya por cansancio a ojillo) que encuentres la solución explicada de una manera simple y clara se agradece…

    bueno no sigo mas, solo dcirte de nuevo gracias

    nos vemos

  2. … de nada. ;-)
    Conozco esa sensación de tirarte de los pelos días enteros hasta que ves la luz.

  3. test

  4. si pero la solución que yo necesito es modificar el html para que se ponga encima del flash y no el flash para que se ponga debajo.
    Reto a ver quien me soluciona esto porque lo veo imposible.
    basicamente imaginaos que no teneis control sobre el flash y hay que montarle un div html encima. jejejejee. Ya no es tan facil verdad?

  5. En realidad el flash no lo modificas, si no el código html que incrusta el swf en la página.
    Si nos das más detalles de tu caso quizás podamos ayudarte.

  6. hola quisiera saber en que lugar se pone el parámetro wmode porque no lo se. saludos!

  7. Pues se coloca dentro del tag OBJECT, a continuación de los demás parámetros, con el formato:

    param name=”wmode” value=”transparent”

    y también dentro del tag EMBED, con el formato:

    wmode=”transparent”

  8. Ojo, que el parámetro WMODE tiene diferentes valores.

  9. Por favor alguien que pueda ayudarme, estoy empezando a realizar una pagina web e hice una imagen en flash pero no se como poner la imagen para que me aparezca en mi pagina de html

  10. Si es sólo una imagen no te aconsejo que sea en flash, y si es una animación la manera más fácil de insertar el código es copiarlo de otra web que tenga un flash y cambiarle los parámetros de ruta, ancho y alto, básicamente.

  11. Yo quiero que el flash apunte a una página pero quiero hacerlo con el html y no dentro del flash, algo asi

    Eso funciona en firefox, pero en IExplorer no…además con la versión 7 de IE me muestra el mensaje que debo darle click para activar el control.
    ¿Alguna idea?

  12. El código del mensaje anterior


  13. Administrator on Enero 23rd, 2008 at 2:57 pm

    La manera de hacerlo sería colocar el flash dentro de la etiqueta de enlace (<a>).
    Al flash darle el parámetro wmode igual a transparent para que se sitúe por detrás del enlace, y si no funciona, usar CSS para convertir el enlace en elemento de bloque, darle posición absoluta, y especificar su ancho y alto igual al del flash.

    No lo he probado pero creo que funcionará.

  14. No funciona

  15. Aquí va un ejemplo de un enlace en un texto html, con un flash por debajo.
    http://saltarintro.com/pruebas/htmlsobreflash/

Leave a Reply