לאחרונה כתבתי מאמר על CSS3: פינות מעוגלות-CSS , שזה פתרון נהדר ליצירת פינות מעוגלות. עם זאת, Internet Explorer אינו תומך עדיין, אבל יש פתרון אשר במאמר זה מסביר.
להלן שני קישורים להמחיש גרסה לעבוד גם קובץ 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>
לאחר מכן תוכל פשוט צריך להגיד את הדפדפן בו פינות אתה רוצה להיות מעוגל.
<script>
$("#container").corner();
$("section").corner();
$("aside").corner();
$("#main-navigation a").corner("top 5px");
</script>
אם אתה מכיר את CSS בכלל אז אתה אמור להיות מסוגל לראות בקלות עד כמה זה מיושם באמצעות JavaScript כפי שאנחנו פשוט שימוש באלמנט, מזהה או מחלקה בתוך המרכאות למקד את החלק הזה של HTML.
תקציר
וזה כל מה שיש לו. אתה יכול ליצור כל מיני אפקטים פינת מעוגלים, כפי שמוצג על האתר פינות מעוגלות דמו . עד כה, תמיד נוצר פינות מעוגלות באמצעות שיטה זו , אלא לראות את הפשטות של פתרון זה jQuery, אני מתפתה לעבור ל-Internet Explorer לפחות ולהסתמך על CSS3 על Webkit ו דפדפני מוזילה.
מה אתה חושב? האם אתה עדיין משתמש בתמונות פתרונות פינתיים מעוגלים או JavaScript ו-CSS3 שיטות להיות הרבה יותר נרחבת בקהילה פיתוח?
תודה רם, פתרון זה עזר לי הרבה. מחפש מאמרים טובים ממך.