Foros del Web » Creando para Internet » CSS »

Div con fondo transparente.

Estas en el tema de Div con fondo transparente. en el foro de CSS en Foros del Web. Veran, quiero hacer un Div que tenga el fondo de color, pero translucido... eso lo se hacer pero, como hago para que el contenido no ...
  #1 (permalink)  
Antiguo 17/08/2009, 21:26
 
Fecha de Ingreso: enero-2008
Ubicación: Chaco
Mensajes: 116
Antigüedad: 9 años, 10 meses
Puntos: 0
Div con fondo transparente.

Veran, quiero hacer un Div que tenga el fondo de color, pero translucido...

eso lo se hacer pero, como hago para que el contenido no sea translucido??

hay algun truco o tengo que hacer un div debajo del otro, uno con el contenido y otro debajo con el fondo transparente...

seria

Código:
<div>
<div style='background: black; opacity: 0.5; z-index: 1;'></div>
<div style='z-index: 2;'>CONTENIDO</div>
</div>

algo asi?
o hay otra mejor forma

Graxias
salu2
__________________
La web es ciencia xD www.resiscity.com.ar, http://www.leoferreyra.com.ar
  #2 (permalink)  
Antiguo 18/08/2009, 06:41
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Div con fondo transparente.

Sobre la propiedad "opacity" y su herencia se ha comentado bastante.
Aquí un tema que creo te ayudará.

Otra forma de lograrlo sería mediante una imagen .png para el fondo con la "trasnparencia" ya incluida en la propia imagen.

Y una tercera sería con el uso del valor de css3 "RGBA" para el fondo:

Cita:
<div>
<div style="background: rgba(0, 0, 0, 0.5); z-index: 1;"></div>
...
Cada una de las formas presenta sus particularidades según sea el navegador utilizado.

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:38.