Corsi on-line

Regole di opacità compatibili con tutti i browser

Nel caso in cui si desideri applicare degli effetti di opacità a carico degli elementi contenuti nelle proprie pagine Web è possibile ricorrere a soluzioni basate su JavaScript o su CSS; nel secondo caso si deve affrontare il problema relativo alla compatibilità del codice con i diversi browser.

Il semplice codice proposto di seguito mostra la definizione di un semplice selettore all’interno del quale saranno definite regole di compatibilità adatte a diverse tipologie di programmi per la navigazione WEB:

element {
/* supportato da Firefox 1.5 o superiore, Opera e Safari */
opacity: .50;
/* supportato da Internet Explorer 6 e 7 */
filter: alpha(opacity=50);
/* supportato da Internet Explorer 8 */
-ms-filter: "alpha(opacity=50)";
/* supportato da Safari 1 */
-khtml-opacity: .50;
/* supportato da Firefox fino alla versione 1.5 e Netscape */
-moz-opacity: .50;
}

Il selettore proposto, dovrebbe consentire una visualizzazione ottimale dell’effetto di opacizzazione sulla maggior parte delle release dei browser più utilizzati.

Post correlati
I più letti del mese
Tematiche