Верх страницы
Обложка к записи Специфические стили под IE10
Время для прочтения: 0 мин. 6 сек.

Специфические стили под 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;
}

Ссылки

Автор: Кобзарёв Михаил

Русский разработчик с 20-ти летним стажем. Работаю с PHP, ООП, JavaScript, Git, WordPress, Битрикс, Joomla, Drupal, Opencart, DLE, Laravel, Moonshine, SuiteCRM.

Оптимизирую сайты под Google Page Speed, настраиваю импорты для больших магазинов на WooCommerce + WP All Import. Пишу плагины на заказ. Все мои услуги.

Веду блог о разработке, дайджест в телеграмме и в ВК.

Вы всегда можете нанять меня.

Комментарии
Подписаться
Уведомить о
guest

0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии
Предыдущая запись

Давайте дружить
в Телеграме

Авторский блог вашего покорного слуги в Telegram про web, программирование, алгоритмы, инструменты разработчика, WordPress, Joomla, Opencart, Laravel, Moonshine, фильмы и сериалы