In questi giorni, non devi davvero preoccuparti che l'opacità sia una cosa difficile per tutti i browser. Devi solo usare la proprietà opacità, in questo modo:
.thing ( opacity: 0.5; )0 è totalmente trasparente (non sarà affatto visibile, come la visibilità: nascosto;) e 1 è totalmente opaco (impostazione predefinita). Tutto ciò che sta in mezzo è parzialmente trasparente.
Per ragioni storiche, ecco come siamo abituati a farlo:
.transparent_class ( /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 5-7 */ filter: alpha(opacity=50); /* Netscape */ -moz-opacity: 0.5; /* Safari 1.x */ -khtml-opacity: 0.5; /* Good browsers */ opacity: 0.5; )