CSS: opacità cross-browser

In questo articolo vorrei risolvere il problema del supporto alla proprietà CSS3 opacity fornendo una soluzione cross-browser. Vediamola nei dettagli.

I browser come Firefox e Chrome supportano la proprietà standard CSS3, mentre per Internet Explorer (versioni 8 ed inferiori) è necessario ricorrere a filtri proprietari:

#box {
	opacity: 0.5; /* Firefox, Chrome, Opera, Safari */
	filter: alpha(opacity=50); /* IE8 - */
	-ms-filter: "alpha(opacity=50)"; /* IE8 */
}