Solucionar problema con película Flash por encima de html

Seguramente se os habrá presentado en mas de una ocasión la situación en la que determinada animación Flash que quedaba estupendamente integrada en el diseño de nuestra página tuvo que ser reemplazada por una imagen en jpg o png porque nos era imposible situar cualquier elemento html (un menú desplegable por ejemplo) por encima de ésta cuando visualizábamos la página en nuestro navegador.

La primero que se nos viene a la mente es la utilización del z-index para situar el elemento html por encima de la animación flash que lo oculta pero esto no soluciona el problema. Si embargo, como casi todo, esto tiene solución.

En este caso,  resolveremos nuestro problema en Internet Explorer agregándole al object donde va embebido el Flash el parámetro “wmode” con valor “transparent”.

<param name=”wmode” value=”transparent” />

Firefox parece utilizar la etiqueta embed en lugar del object para mostrar la película. De modo que para resolver nuestro problema en Firefox debemos añadirle  a la etiqueta embed el atributo wmode con valor “transparent”.

<embed […] wmode=”transparent”  />

Anuncios

7 Responses to Solucionar problema con película Flash por encima de html

  1. Información Bitacoras.com…

    Valora en Bitacoras.com: Seguramente se os habrá presentado en mas de una ocasión la situación en la que determinada animación Flash que quedaba estupendamente integrada en el diseño de nuestra página tuvo que ser reemplazada por una imagen en jpg o …..

  2. Juan dice:

    Amigo…efectivamente el flash se puede hacer ver transparente … y podemos ver objetos html que se encuentre en esa zona de transparencia…perooo.. en firefox.. si tenenmos por ej un enlace..en esa zona de transparencia.. no podemos activarla… en IE funciona perfectamente.. ( Que raro ver que funciona en IE y no en firefox…. )

  3. Juanito_29 dice:

    Olle Exelente aporte muy bueno, t doy las gracias me quitaste un dolor de cabeza con algo tan sencillo de verdad muchas gracias…..

    Exelente Funciona……

  4. diseño web dice:

    Cierto lo de este articulo, pero entiendo que el parametro “wmode” tiene otros valores, podrias enumerarlos?

  5. joc dice:

    Hay un problema con los formularios con flash que requieren un campo con email, y es que el signo “@” no se puede escribir en Firefox con wmode=transparent, mediante la habitual combinación AltGr+2, sino con Mayusc+2.

    Si alguien sabe si hay solución para esto sería una gran noticia.

  6. Luis dice:

    tengo problemas al colocar el codigo me podrias ayudar indicandome qur hacer con este codigo ya lo probe y no me soluciona nada esta es la pagina del problema http://www.cess.com.mx

  7. Luis Alberto dice:

    Gracias por el aporte es muy util, utilizando ambos códigos nos permite navegar por los menús desplegables en IE, Firefox y Opera.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: