En terme d'arrondis, nous nous sommes tous un jour embrumé les neurones pour trouver "THE" solution. On a pensé a imbriquer des divs avec des arrières plans sur mesure. C'était intéressant mais il fallait alors composer avec certaines couleurs. Puis est né l'attribut border-radius permettant à la quasi-totalité des navigateurs d'arrondir les angles sans se casser la tête. Seul IE n'en a pas voulu (Version 8 comprise).
Puis sont arrivés les attributs -moz-border-radius (Mozilla/Firefox), webkit-border-radius (Autres navigateurs modernes, Safari,Chrome), khtml-border-radius (Linux) permettant la distinction entre les différents moteurs de ces navigateurs pour une parfaite compatibilité. Nous pouvions même comme sur cette div n'arrondir que certains angles mais IE n'était toujours pas de la partie!
Hommage donc à Drew DILLER, auteur d'un script dénommé roundies.js permettant l'émulation de l'attribut border-radius sur Internet Explorer.
Affichez le code source ou recevez par mail un tutoriel commenté via
la page de script à la demande