אינדקס המידע של פורום תכנות!

[IgalSt]

ניתן באמצעות 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.v8 { background:black } /*black bg for msie version 8*/

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

קוד jQuery שעושה את הפעולה (מקור, נערך על ידי BlueNosE):

$(function(){
	var strClass;
	if ($.browser.msie) strClass = 'msie';
	else if ($.browser.mozilla) strClass = 'moz';
	else if ($.browser.webkit) strClass = 'webkit';
	else if ($.browser.opera) strClass = 'opera';
	strClass += ' v'+parseInt($.browser.version);
	$('body').addClass(strClass);
});