Кроссбраузерность — Определение браузера и использование для него своего стиля CSS (jQuery)

умеет определять тип и версию браузера клиента. Эта информация хранится в переменной $.browser. Через неё можно сделать разделение css стилей для браузеров, установив элементу html свой класс:

var browser = "unknown";
if($.browser.msie)
  browser = "msie";
else if($.browser.mozilla)
  browser = "mozilla";
else if($.browser.safari)
  browser = "safari";
else if($.browser.opera)
  browser = "opera";
else if($.browser.webkit) // 
  browser = "webkit";
$("html")
.addClass(browser)
.addClass(browser+"-"+$.browser.version.split(".")[0]);
// например, в браузере , версии 9.51, класс
// элемента html будет равен "opera opera-9"

После этого, для разных браузеров можно указывать отдельные css-правила. Например для IE-6:

html.msie-6 .Element{...}


Запись навигация

Top