Верх страницы
Логотип Telegram
@Злой_Полицейский — авторский канал вашего покорного слуги в Telegram, где я пишу заметки о веб-разработке, программировании, PHP, инструментах и WordPress.
Обложка к записи Специфические стили под 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;
}

Ссылки

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

Суровый русский разработчик. Жил в Магадане, в офисе московских веб студий и в Тульской деревне. Виртуозно знает WordPress, PHP, ООП, Vue.js и вот это вот все.

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

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

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

Михаил Кобзарёв (mihdan)

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