Para implementar transparencia con CSS, debido a las diferencias entre navegadores, deberemos utilizar varias propiedades para definirla sobre un elemento:
- La especificación CSS3 tiene la propiedad opacity, la cual toma valores entre 0 (invisible) y 1 (opaco).
- Los navegadores Mozilla poseen la propiedad -moz-opacity que toma los mismos valores que la propiedad anterior.
- Internet explorer posee el filtro opacity que toma valores entre 0 y 100.
Así pues, para definir la transparecia:
#caja {
opacity: 0.2;
-moz-opacity: 0.2;
filter: alpha (opacity=20);
}