Posición absoluta y visibilidad

[liranan]

Saludos a todos.

Mi problema es el siguiente: tengo dos divs, uno grande que contiene una película swf y otro pequeño que contiene un pequeño texto y que debe situarse sobre el grande, tapando parte de él.

Lo tenía hecho y funcionaba perfectamente con el siguiente código:

HTML:

Código HTML:

<div class="contenedor">    
       <div class="banner">contenido del banner</div>       
       <div class="mapa">flash embebido</div>           
</div>
 

CSS:

Código CSS:

.banner
{
    width:  550px;
    height: 90px;
    overflow: visible;
    position: absolute;
    margin-left: 250px;
    margin-top: -30px;  
}
 

Con este sistema se me veía la imagen, y ligeramente superpuesta a ella, el banner.
Sin embargo, un pequeño cambio en la forma de embeber el flash inexplicablemente ha modificado cómo se ve. Aparece en principio tapado por el flash, pero al mover la barra de scroll o pasar varias veces el ratón por encima se muestra.
En algunos navegadores como Firefox, sin embargo, sigue viéndose bien.

No sé, a ver si a alguien se le ocurre algún motivo para que haya pasado esto o aun mejor, alguna solución, jeje.

Muchas gracias.
Gonzalo.

[javierflti]

Creo que te falta un z-index que lo que hace es superponer una capa a otra.
Si he entendido bien quieres que el banner siempre esté por encima no? entonces el z-index del banner tendría que ser más alto que el mapa.

[liranan]

Gracias Javier por la respuesta, pero ya he probado la propiedad z-index y sigue sin funcionar.

El caso es que si elimino el archivo swf embebido, y uso un fondo negro, por ejemplo, todo funciona correctamente.

Osea que el problema es flash, alguien ha tenido un problema similar?

[pzin]

Tal vez este tema te pueda ayudar: http://www.forosdelweb.com/f4/menu-d...-flash-368248/

[liranan]

Muchas gracias por las respuestas. Al final encontré la solución en la documentación
de swfobject, la forma en la que embebía flash.

La solución sería la siguiente:

En la parte del swf, incluir el atributo "wmode" con el valor "opaque"

Y en la parte del css, ahora sí, incluir valores de z-index con posición absoluta.

Os dejo el enlace donde encontré la información por si alguien tuviera el mismo problema:

http://learnswfobject.com/advanced-t...a-flash-movie/