Visita <a href="http://www.liquida.it/" title="Notizie e opinioni dai blog italiani su Liquida">Liquida</a> e <a href="http://www.liquida.it/widget.liquida/" title="I widget di Liquida per il tuo blog">Widget</a>
Cerchi guide e consigli riguardo al mondo del webdesign?
Sei nel posto giusto!
Iscriviti subito al nostro Feed RSS!

Rendere compatibili alcune funzioni di CSS3 con IE 6+

Articolo pubblicato il 20-02-2010. Categorie: CSS, jQuery, PHP e... Commenti: 1.

Rendere compatibili alcune funzioni di CSS3 con IE 6+

Come abbiamo visto in numerosi tutorial, una delle pecche del CSS3 è che non viene supportato da una buona parte dei browser. Tra questi, naturalmente, è presente  Internet Explorer, un vero flagello per tutti i web designer. Dato, però, che IE rappresenta la più grossa fetta di mercato nel campo dei browser web, si ha la necessità di rendere compatibile ogni sito web anche con quest’ultimo navigatore. Un vero lavoraccio.
Ritornando però al discorso del CSS3, di certo una delle sue novità più apprezzate è stata la funzione border-radius che permette di creare un angolo arrotondato sull’elemento al quale viene applicato facendoci risparmiare parecchio tempo.

Dalla necessità di rendere compatibile questa funzione con IE, ho trovato questa utile risorsa, sviluppata da un ignoto Nick F..

Parlando terra terra, ci basterà scaricare questo file .htc, ed includerlo, tramite la stringa di codice posta in basso, all’interno dell’elemento al quale si vuole applicare lo stile CSS3:

behavior: url(ie-css3.htc);

Molto semplice no? Rendere compatibili alcune funzioni di CSS3 con IE 6+ Tramite questo metodo, saranno resi compatibili con IE 6 e superiori, oltre al border-radius, anche il box-shadow e il text-shadow. Per ulteriori informazioni potete consultare la pagina ufficiale.

Un commento


  1. andrea
    aprile 26th, 2011

    Grandi!

    Rispondi