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);
}
Ejemplo:
Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Duis rutrum dolor in tellus. Proin massa leo, sollicitudin et, semper
quis, laoreet non, dui. Ut ante. Maecenas aliquet. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.




