div con transparencia

[angel_xx_1990]

Buenas foreros, estoy algo verde en css y quiero hacer lo siguiente, ojalá me pudierais ayudar...

tengo creada una div que va a contener texto en letra de color negra, y el fondo de la web es oscuro también, y a esa div quiero que aparezca blanca, pero no blanca al 100% quisiera que tuviera algo de transparencia....¿Cómo se haría?

Gracias!!

e puesto en css lo siguiente:

Código PHP:

.transparencia {
   opacity: .50;
   -moz-opacity: .50;
   filter:alpha(opacity=50);
}
 

y funciona bien, pero claro, me pone en transparencia todo el contenido de la td (es una tabla), las imagenes, el texto y todo.. y yo solo quería el fondo..

[pzin]

La propiedad opacity es heredada por todos los elementos descendientes.

Puedes usar las funciones rgba() o hsla() donde a marca el nivel de transparencia, que va de 0 a 1.

Para blanco con un cuarenta por ciento de transparencia sería alguna de estas dos opciones:

Código CSS:

div {
  background-color: rgba(255,255,255,0.4);
}
 

Código CSS:

div {
  background-color: hsla(0,100%,100%,0.4);
}
 

Aunque suele ser más usado la opción del RGB.

[angel_xx_1990]

y en negro como sería¿?


Funciona perfectamente!

[pzin]

Pues mejor es que le eches un vistazo a cómo funciona el modelo de color RGB.