Récemment, j'ai écrit un article sur CSS3: coins arrondis CSS , qui est une excellente solution pour créer des coins arrondis. Toutefois, Internet Explorer n'est pas encore en charge, mais il ya une solution qui explique cet article.
Les deux liens ci-après montrent une version de travail et aussi un fichier zip que vous pouvez télécharger tout ce dont vous avez besoin pour obtenir ce travail.
Le code HTML est assez simple et utilise le code d'un autre article - tutoriel HTML5: Mise en route .
Afin d'obtenir les angles arrondis de travail dans IE, vous aurez besoin de JQuery et le script de coin JQuery qui sont tous deux inclus dans le fichier zip ci-dessus que j'ai ensuite référencé à partir du HTML.
<script src="js/jquery-1.3.2.min.js"></script>
<script src="js/jquery.corner.js"></script>
Ensuite, vous aurez simplement besoin de dire au navigateur qui vous voulez coins doivent être arrondis.
<script>
$("#container").corner();
$("section").corner();
$("aside").corner();
$("#main-navigation a").corner("top 5px");
</script>
Si vous êtes familier avec les CSS du tout, alors vous devriez être en mesure de facilement voir comment cela est appliqué en utilisant JavaScript comme nous allons simplement en utilisant l'élément, ID ou classe dans les citations de cibler cette partie du code HTML.
Résumé
Et c'est tout ce qu'il ya à faire. Vous pouvez créer toutes sortes d'effets d'angle arrondies comme indiqué sur le site de démonstration coins arrondis . Jusqu'à présent, j'ai toujours créé coins arrondis en utilisant cette méthode , mais voyant la simplicité de cette solution Jquery, je suis tenté de passer pour Internet Explorer au moins et compter sur CSS3 pour Webkit et Mozilla.
Que pensez-vous? Utilisez-vous encore des images pour des solutions de coin arrondies ou le JavaScript et CSS3 méthodes deviennent de plus en plus répandue dans la communauté du développement?
merci Ram, cette solution m'a beaucoup aidé. Vous recherchez des ces bons articles de votre part.