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