Специфические стили под IE10
Условные комментарии более не поддерживаются в IE 10. И это просто отлично. IE 10 очень хороший браузер. Определение возможностей браузера — это более правильный и лучший путь.
Но что делать, если вам необходимо точно определить IE10, например, для написания стилей под него?
Rogie предложил своё дополнение к html5boilerplate, суть которого в том, чтобы добавить к тегу <html>
при помощи JavaScript пользователский атрибут data-useragent, содержащий название и версию браузера:
var doc = document.documentElement; doc.setAttribute('data-useragent', navigator.userAgent);
User Agent для IE 10 выглядит так:
Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0)
После отработки скрипта получим:
<html data-useragent="Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0)">
Теперь в стилях можно написать правило только под IE10:
html[data-useragent*='MSIE 10.0'] h1 { color: blue; }