Snippet css: opacità cross browser

Snippet css: opacità cross browser

Il termine snippet indica un frammento di codice di norma rilasciato a fini didattici, con lo scopo di illustrare una particolare funzione di un programma o di un linguaggio di programmazione.
Con il seguente snippet si crea una classe per simulare un effetto di trasparenza attraverso delle regole css.

.trasparenza {
/* 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;
/* standard browsers */
opacity: 0.5;
}

Come potete vedere servono ben cinque diverse regole per garantire il corretto funzionamento della tecnica su tutti i browser (recenti e meno recenti).

28 nov 09