ie10
Время для прочтения: 0 мин. 41 сек.

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

Ссылки

Для вставки кода используйте HTML-теги
<pre><code class="php">ваш код</code></pre>

Добавить комментарий

Такой e-mail уже зарегистрирован. Воспользуйтесь формой входа или введите другой.

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.