Πρόσφατα έγραψα ένα άρθρο σχετικά με το CSS3: Στρογγυλεμένες γωνίες CSS , η οποία είναι μια πολύ καλή λύση για τη δημιουργία στρογγυλεμένες γωνίες. Ωστόσο, ο Internet Explorer δεν υποστηρίζει ακόμα, αλλά υπάρχει μια λύση η οποία αυτό το άρθρο εξηγεί.

Οι δύο παρακάτω συνδέσμους δείχνουν μια λειτουργική έκδοση, αλλά και ένα αρχείο zip ώστε να μπορείτε να κατεβάσετε όλα όσα χρειάζεστε για να πάρετε αυτήν την εργασία.

• IE στρογγυλεμένες γωνίες επίδειξης
• δηλαδή ολοκληρωμένη-corners.zip

Η HTML είναι αρκετά απλή και χρησιμοποιεί τον κωδικό από άλλο άρθρο - HTML5 φροντιστήριο: Ξεκινώντας .

Για να πάρετε τις στρογγυλεμένες γωνίες που εργάζονται στον IE θα χρειαστείτε JQuery και το JQuery σενάριο γωνία τόσο των οποίων περιλαμβάνονται στο παραπάνω αρχείο zip που έχω από τότε που αναφέρεται στον κώδικα HTML.

<script src="js/jquery-1.3.2.min.js"></script>
<script src="js/jquery.corner.js"></script>

Στη συνέχεια θα πρέπει απλά να πείτε στον browser που γωνιές θέλετε να στρογγυλοποιηθεί.

<script>
$("#container").corner();
$("section").corner();
$("aside").corner();
$("#main-navigation a").corner("top 5px");
</script>

Αν είστε εξοικειωμένοι με CSS καθόλου, τότε θα πρέπει να είναι σε θέση να εύκολα να δούμε πώς αυτό εφαρμόζεται με τη χρήση JavaScript όπως είμαστε απλά χρησιμοποιώντας το στοιχείο, την ταυτότητα ή την κατηγορία μέσα στα εισαγωγικά να στοχεύσει το μέρος της HTML.

Περίληψη

Και αυτό είναι όλα υπάρχει σε αυτό. Μπορείτε να δημιουργήσετε όλα τα είδη των επιπτώσεων στρογγυλεμένες γωνία, όπως φαίνεται στην στρογγυλεμένες γωνίες χώρο επίδειξης . Μέχρι τώρα, έχω πάντα δημιουργήσει στρογγυλεμένες γωνίες χρησιμοποιώντας αυτή τη μέθοδο , αλλά βλέποντας την απλότητα αυτού του jquery λύση, μπαίνω στον πειρασμό να στραφούν για τον Internet Explorer τουλάχιστον και βασίζονται σε CSS3 για Webkit και Mozilla browsers.

Τι νομίζετε; Χρησιμοποιείτε ακόμα τις εικόνες για στρογγυλεμένες γωνίες ή λύσεις είναι η JavaScript και το CSS3 μεθόδους όλο και πιο ευρεία διάδοση της αναπτυξιακής κοινότητας;