שאלה | IF . קידוד HTML 5.0 + CSS

[IgalSt]

נכתב במקור על ידי Deagly

לא..
תעבוד לפי FIREFOX/CHROME
ובמידה וצריך תיקונים יש להתאים ל IE
(עקרונית אפשר עם תנאים של צד שרת - לבדוק לפי ה USER AGENT באיזה דפדפן משתמש הגולש, אבל לזה לא מומלץ ואין צורך)

קח תמיד את IE כדפדפן החריג.

ואם כבר מתעקשים, ניתן אכן באמצעות JS (או צד שרת) להוסיף class ל-BODY לפי סוג הדפדפן (ואולי אפילו לפי הגירסה) ואז להכתוב css selector בהתאם.
אם לדוגמה יש לנו DIV בתוך ה-BODY, ולכל הדפדפנים אנחנו רוצים אותו אדום אז נכתוב כך:

div { background:red; }

אך אם הלשבנו קלאסים ל-BODY לפי סוג וגירסת דפדפן, ניתן לעשות משחקים מעניינים כאלה לדוגמה:

.msie { background:blue } /*blue bg for all msie*/
.msie.v7 { background:pink } /*pink bg for msie version 7*/
.msie.v7 { background:pink } /*pink bg for msie version 7*/

אפשר להלבש את ה-class-ים האלה בקלות עם JS ולכתוב קוד CSS שיותר קל להבנה ולתחזוקה. עם זאת, מצד שני, יוצא שיש קוד מיותר עבור חלק מהדפדפנים.

(דוגמה ל-JS שמוסיף את ה-class-ים האלה באמצעות jQuery)