footer semitransparente

[eder335]

Hola, necesito la siguiente ayuda, tengo un footer con color #cccccc en donde tengo imágenes de iconos, el problema es que necesito hacer el footer semitransparente, he intentado con el siguiente codigo:

footer
{
background: #cccccc;
opacity:0.4;
filter:alpha(opacity=40);
clear: both;
height: 10%;
width: 100%;
}

pero el problema es que me carga TODO semitransparente es decir las imágenes también, como podría hacer para que las imágenes se vean normal dentro de este footer.

Agradezco la ayuda.

[Naahuel]

Podés hacer un background usando rgba (rgb con un canal alpha).

Código CSS:

#footer{
    background: #000000;
    background: rgba(0,0,0,0.4);
}
 

Se declara un background dos veces porque el primer valor es para un "fallback" para navegadores que no soportan rgba (IE8 para abajo). En esos navegadores se aplicará el primer valor de background (#00000 en el ejemplo).

[phillipecw]

Iniciado por Naahuel

Podés hacer un background usando rgba (rgb con un canal alpha).

Código CSS:

#footer{
    background: #000000;
    background: rgba(0,0,0,0.4);
}
 

Se declara un background dos veces porque el primer valor es para un "fallback" para navegadores que no soportan rgba (IE8 para abajo). En esos navegadores se aplicará el primer valor de background (#00000 en el ejemplo).

Eso, o podrías utilizar un PNG semitransparente como imagen de fondo...