Ver Mensaje Individual
  #1 (permalink)  
Antiguo 13/07/2009, 13:08
Avatar de Hogo
Hogo
 
Fecha de Ingreso: febrero-2008
Ubicación: Asturias
Mensajes: 29
Antigüedad: 16 años, 1 mes
Puntos: 3
Div translucido con contenido opaco.

Buenas, tengo una pequeña duda y no acabo de darle solución, queria hacer una capa con el fondo semitransparente, traslucida, para que el background de detras se viera ligeramente, pero que el contenido de su interior fuese totalmente ocapo.

Al usar filtros para hacerla transparente, el contenido tb se vuelve igual de transparente, y esto no se me sirve, normalmente lo que hago es superponer dos capas, una es semitransparente y otra opaca, de tal manera que simulo el efecto, pero en este caso el tamaño de ambas capas será relativo, ajustandose al contenido de la capa opaca, así que al hacer ambas capas por separado creo que dará problemas porq la traslucida no crecerá a razón de la opaca (capa con contenido).

Lo unico que se me ha ocurrido es poner una tercera capa, totalmente transparente, que englobe a las dos anteriores, de tal manera que esta tercera capa crezca a razon de la capa opaca (con contenido) y la semitransparente ocupe siempre el 100% de la capa en la que está metida, así puede que se simule el efecto que busco, de todas maneras queria saber su opinión y si conocen alguna idea mejor...

una cosa así

Código HTML:
<div id='capa_contenedora'>
      <div id='capa_trans'></div>
      <div id='capa_opaca'>
            texto texto texto.
      </div>
</div> 
Un saludo, y gracias por adelantado.