Color de fondo translúcido sin afectar elementos contenidos

Normalmente para dar transparencia al fondo de un elemento HTML usamos la propiedad opacity:

background: #CCC;
filter:alpha(opacity=60); /* IE */
-moz-opacity:0.6; /* Mozilla */
opacity: 0.6; /* CSS3 */

Pero esta propiedad afecta a los elementos contenidos en la etiqueta a la que se le aplica.

Para evitarlo, podemos usar la función rgba:

background: rgb(54, 25, 25); /* Para los navegadores que no soportan la función rgba */
background: rgba(54, 25, 25, .5);

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

5 × dos =