Si entráis en el blog Puratura, veréis que existe una barra semi-transparente en la parte de abajo de la página con las propiedades CSS position: fixed
y z-index:100
. Esto significa que, si hacéis scroll en la página, todo se mueve salvo dicha barra, que permanece inmóvil y da la impresión de que todo se desliza bajo ella. Hasta hoy tenía un problema con esto: los objetos Flash, como los vídeos de Youtube, no se deslizaban por debajo de ella, sino que permanecían encima echando por tierra el efecto que quería conseguir. Los que hayáis intentado algo por el estilo o hayáis implementado un menú desplegable que cayera sobre un objeto Flash, habréis comprobado que no se soluciona aplicando una propiedad z-index
más baja a este último. No obstante, existe una solución: además de la propiedad z-index
, hay que añadir un parámetro al objeto Flash tal y como se detalla a continuación:
[code lang=»html»]<object style="position:relative; z-index:0;" … >
<param name="WMode" value="transparent"></param>
…
…
</object>[/code]
No funciona en google chrome.
@Mauricio Ramirez: Solo lo he probado en Firefox. Para otros navegadores, supongo que habrá otras soluciones.