scroll de 2 capas a la vez

[1000i1]

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.

[AlvaroG]

si el div que tiene el texto es el que querés mover, deberías ponerle al de fondo transparente "overflow:hidden" y al que tiene el texto dejarle"overflow:auto" (y "background: inherit" para que no genere fondo).
Así moverías el texto solamente , ya que no creo que te interese desplazar el div.fondo_transparente.


Saludos.

[1000i1]

Justamente lo que me interesa es que se desplacen las 2 a la vez, ya que son como las tipicas noticias, de cualquier pagina, que vienen dentro de un recuadro, lo unico que el recuadro necesito que tenga el fondo de color translucido, por eso tengo todo este follon organizado.