Fondos transparentes con CSS

Algunas vez te haz preguntado como transparentar un fondo con CSS?
Es fácil y el código que te muestro abajo funciona para IE, Mozilla y Safari (en ese orden).

Veamos:

filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity: 0.8;

Los valores 80 y 0.8 deben cambiarse según te parezca, en escala 10 a 100 y 0.1 a 1.0 en el segundo caso. Un ejemplo:

#id {
background-color:#FFFFFF;
padding: 8px;
filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity: 0.8;
}

El color blanco se hará un poco transparente. El valo 10 o 0.1 es transparencia casi total.

Saludos!


Comentarios

Entradas populares