is_реклам: приворот

пошук, категорії та ін. показати ▼

як впіймати MS IE10 із CSS і додати необхідні стилі

як впіймати MS IE10 із CSS і додати необхідні стилі
автор опубліковано

Під час виконання проекту виникла необхідність зробити стилізацію функціональності для браузера компанії Microsoft, а саме для Internet Explorer'a.

Задача полягала в додані css правил, так щоб елементи показувались, максимально наближено як і в інших браузерах. Досвідчений розробник скаже, що тут думати, додаємо умовні коментарі, і пишемо необхідні стилі. Але починаючи із версії IE10 ці коментарі більше не підтримуються.

Якщо в межах проекту використовується щось на кшталт Modernizr, тоді питання легко вирішується, у випадку якщо ж ні, тоді наступний метод (запропонований Rogie King) може стати Вам у нагоді. Отже:

1. Розміщуємо кілька стрічок javascript коду

<script type="text/javascript">// <![CDATA[
    // detect version of browser
    document.documentElement.setAttribute('data-useragent', navigator.userAgent);
// ]]></script>

2. Після цього в css використовуємо подібного роду правило

html[data-useragent*='MSIE 10.0'] h1,
html[data-useragent*='MSIE 9.0'] h1,
html[data-useragent*='MSIE 8.0'] h1,
html[data-useragent*='MSIE 7.0'] h1 {
    // css styles for ie 10, 9, 8 and 7
    color: #ff0000;
}
схоже за тегами

Залишити коментар:

Яндекс цитирования UA TOP Bloggers