Hola,
Tengo un problema y es que tengo un div que mecesito que tenga un tamaño fijo, por lo tanto que si su contenido excede del tamaño del div, haya overflow. Hasta aqui todo bien y muy facil. Pero el problema viene porque el contenido del div son distintos parrafos con el estilo siguiente:
Código:
//HTML
<div class='texto'>
texto
</div>
<div class='fondo_transparente'>
</div>
//CSS
.texto{
z-index: 1;
}
.fondo_transparente{
/*Capa translucida*/
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity: 0.5;
}
Esto es parea tener parrafos con fondo de color transparente. El problema es que al tener z-index: 1 el scroll del div contenedor solo mueve los fondos de color transparente y no los textos, cosa que logicamente no es lo que quiero.
Me gustaria saber si hay alguna manera de hacer que se muevan las 2 capas a la vez con un scroll, no se me ocurre nada, pero a lo mejor hay una manera de decirle al div contenedor que tenga en cuenta que contiene capas a distintos niveles o algo asi.
Cualquier idea será bienvenida ya que necesito solucionar este problema cuanto antes. Muchas gracias.