Ver Mensaje Individual
  #1 (permalink)  
Antiguo 13/11/2012, 04:44
liranan
Invitado
 
Mensajes: n/a
Puntos:
Pregunta Posición absoluta y visibilidad

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:
Ver original
  1. <div class="contenedor">    
  2.        <div class="banner">contenido del banner</div>      
  3.        <div class="mapa">flash embebido</div>          
  4. </div>

CSS:
Código CSS:
Ver original
  1. .banner
  2. {
  3.     width:  550px;
  4.     height: 90px;
  5.     overflow: visible;
  6.     position: absolute;
  7.     margin-left: 250px;
  8.     margin-top: -30px; 
  9. }

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.