Trasparenze CSS per tutti i browser
This entry was posted on December 10th, 2008 and is filed under CSS.
La trasparenza è una delle proprietà dei CSS che non è supportata del tutto dai browser più datati, a partire proprio da Internet Explorer 6.
L’articolo di oggi viene incontro a coloro che hanno l’esigenza di rendere compatibile questa proprietà anche a tali browser.
Il seguente codice imposta una trasparenza del 50% compatibile con tutti:
.transparent_class {
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
La prima proprietà è per i browser di casa Microsoft, la seconda per browser come Netscape, la terza per versioni vecchie di Safari e l’ultima è quella standard compatibile con tutti i nuovi.
Purtroppo tale codice non è validato dal W3C quindi consiglio di utilizzare con le pinze tale proprietà o perlomeno di usare i commenti condizionali nell’HTML se proprio si ha bisogno di usarla.
Benvenuto! Mi chiamo