L’arrivo della CSS3 ha portato con se numerose novità che però non vengono supportate da IE. Con l’arrivo di IE9 ci dovrebbero essere dei miglioramenti ma il nuovo browser di casa Microsoft non sarà disponibile per XP quindi eccovi un metodo per utilizzare una importante funzione della CSS3 su IE6,7 e 8: sto parlando del border-radius.

Vi mostro anche un video caricato da me con la demo di questa tecnica:

Per poter utilizzare questa tecnica è necessario scaricare il file border-radius.htc da link a fine articolo, dopodichè bisogna inserire il seguente codice all’elemento che si vuole “arrotondare” nel nostro foglio di stile:

#elemento {

border-radius: 10px;

behavior: url(border-radius.htc);

}

Se volete provare questa tecnica eccovi di seguito il link per il download diretto della demo:

Contro

Purtroppo queto file e questo metodo hanno delle “controindicazioni”; infatti rendono il nostro CSS invalido e non tutti i server sno compatibili con il file in questione.

Questa è un’ottima alternativa alle immagini ma dati i contro non possiamo utilizzarlo come tecnica definitiva, purtroppo dobbiamo sperare che Microsoft rilasci in futuro IE9 anche per XP.

Vi lascio infine al link per scaricare border-radius.htc