Як я націлюю лише на Internet Explorer 10 для певних ситуацій, таких як CSS, що відповідає Internet Explorer, або JavaScript-коду, що відповідає Internet Explorer?

160

Як я націлюю лише на Internet Explorer 10 для певних ситуацій, таких як CSS, що відповідає Internet Explorer, або JavaScript-коду, що відповідає Internet Explorer?

Я спробував це, але це не працює:

<!--[if IE 10]>    <html class="no-js ie10" lang="en"> <![endif]-->
<!--[if !IE]><!--> <html lang="en" class="no-js"> <!--<![endif]-->

Internet Explorer 10 ігнорує умовні коментарі та використовує <html lang="en" class="no-js">замість них <html class="no-js ie10" lang="en">.

javascript  html  css  internet-explorer-10  conditional-comments 
— trusktr
джерело
8
Я думаю, що краще питання: як я змушую CSS виглядати однаково в обох браузерах?
— BentOnCoding
12
IE10 PP4 все ще підтримує це @cc_onтвердження . Таким чином, для визначення того , IE10 підтримує чи ні, ви можете використовувати наступний код: <!--[if !IE]><!--><script>if(/*@cc_on!@*/false){document.documentElement.className+=' ie10';}</script><!--<![endif]-->. (Я опублікував це як коментар, оскільки IE ще в розробці, тому невідомо, чи підтримує остаточний реліз цю функцію)
— Rob W
15
@RobW - Ваш прикладний код буде неправильним, коли1111 вийде. Удосконалена версія: <script>if(Function('/*@cc_on return document.documentMode===10@*/')()){document.documentElement.className+=' ie10';}</script>Покращення: не потрібні умовні коментарі; працює, навіть якщо зачистка / обробка коментарів знімає коментар; не додано класу для ie11; буде працювати з ie11, що працює в режимі сумісності ie10; не потрібен окремий тег сценарію (його можна просто додати до іншого javascript у голові).
— robocat
2
Приклад наведеного вище фрагменту коду: jsbin.com/upofoq/2
— robocat
8
Більш загальним рішенням є: if(document.documentMode) document.documentElement.className+=' ie'+document.documentMode+'mode';- яке вирішує 90% питань (іноді режими сумісності не вдається; в такому випадку вам потрібен інший рівень виправлення поверх цього).
— robocat

Відповіді:

65

Можливо, ви можете спробувати такий jQuery:

if ($.browser.msie && $.browser.version === 10) {
  $("html").addClass("ie10");
}

Для використання цього методу необхідно включити бібліотеку jQuery Migrate, оскільки цю функцію було видалено з головної бібліотеки jQuery.

Для мене вийшло зовсім чудово. Але точно не заміняйте умовні коментарі!

— Макс Сохрт
джерело
3
Я не впевнений у вас, хлопці, але мені потрібно використовувати, == '10.0'щоб це працювало
— lulalala
112
Попередження: jQuery.browserбільше не доступна в поточній версії jQuery (1.9) без плагіна. blog.jquery.com/2013/01/15/…
— dave1010
2
Я рекомендую: if (jQuery.browser.msie && jQuery.browser.version < 10) { // do what you will here }Зверніть увагу на версію <10, щоб виявити старіші версії IE. IE10 і новіші
— версії
1
@dan, оскільки умовні коментарі працюють у всіх браузерах IE менше 10, вони використовують їх замість того, щоб захаращувати ваш JS для всіх браузерів. Просто скажіть <! - [якщо lte IE 9]> і ви можете націлити на всі версії IE менше 10. Не потрібен JS.
— edhurtig
1
@ Marc-AndréLafortune піднімає хороший момент. Як правило, ви завжди повинні використовувати оператор ===, а не ==. Підвищуючи javascript, ви повинні пам’ятати про це. stackoverflow.com/questions/359494/…
— Стюарт
132

Я б не використовував JavaScript navigator.userAgentабо $ .browser (який використовує navigator.userAgent), оскільки це може бути підроблено.

Щоб націлити на Internet Explorer 9, 10 та 11 (Примітка: також останній Chrome):

@media screen and (min-width:0\0) { 
    /* Enter CSS here */
}

Щоб націлити на Internet Explorer 10:

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS here */
}

Щоб орієнтуватися на Edge Browser:

@supports (-ms-accelerator:true) {
  .selector { property:value; } 
}

Джерела:

— Роні
джерело
Це справді приємно. Але як ми повинні бути стурбованими під час тестування різних режимів документування проти режимів браузера в IE? У яких ситуаціях ми можемо очікувати, що користувачі в Інтернеті будуть використовувати інший режим документу від свого поточного режиму браузера?
— klewis
люди зазвичай не змінюють режим документа. Вони можуть, але я не натрапив на будь-який сайт, який вимагав від користувача змінити режим документа. Якщо ви використовуєте правильний DOCTYPE, це зовсім не проблема.
— Роні
3
Ви - мій герой! Лише зауваження, Це також виправляло деякі речі, заплутані в IE11
— locrizak
8
Це впливає і на IE11 - тому якщо ви шукаєте рішення для націлювання лише на IE9 / 10, це не спрацює :-(
— Лукаш Ленарт
1
Що ви маєте на увазі під "усі вони виявляють браузер через navigator.userAgent"? Умовна компіляція - це вбудована функція виконання JScript, яка не може бути підроблена за допомогою рядка користувача-агента.
— BoltClock
111

Я знайшов рішення на цьому веб-сайті, де хтось отримав цінний коментар :

Рішення таке:

if (Function('/*@cc_on return document.documentMode===10@*/')()){
    document.documentElement.className+=' ie10';
}

Це

  • не потрібні умовні коментарі;
  • працює, навіть якщо зачистка / обробка коментарів знімає коментар;
  • в Internet Explorer 11 не додано класу ie10;
  • більша ймовірність роботи за призначенням з Internet Explorer 11, що працює в режимі сумісності Internet Explorer 10;
  • не потрібен окремий тег сценарію (його можна просто додати до іншого коду JavaScript у голові).
  • для тестування не потрібен jQuery
— Віллем де Віт
джерело
3
@ dave1010 Користувацькі агенти можна легко підробляти. Умовні коментарі підтримуються лише механізмом JScript, який доступний лише в IE4 + (включаючи 10).
— Роб Ш
2
@ dave1010 Написання робочого аналізатора, який робить те, що ви описуєте, важко і вкрай малоймовірно. Кожен, хто навмисно створює та встановлює таке розширення, швидше за все, має намір "діяти як" IE (можливо, для автоматизованих цілей тестування в середовищах, які не є Windows?). 100% довіра ніколи не гарантується браузерам, але ви можете наблизитись до них. Умовні коментарі - це надійний спосіб виявити двигун JScript, який, звичайно, використовується IE.
— Rob W
3
Єдиний недолік, який я можу побачити, це те, що він вимагає js, який умовні умови не робили
— Джеймс Вестгейт,
4
Це має бути головною відповіддю, і вимога JS повинна бути спірною для користувачів IE10 - якщо JS відключений, він, ймовірно, буде лише доповненням NoScript. Я думаю, що нам потрібна більша освіта в громадськості щодо чистої дурості NoScript (на відміну від розумних адонів, таких як AdBlock або Ghostery).
— іоно
8
Я б запропонував використати альтернативний код, наданий автором: if (/*@cc_on!@*/false && document.documentMode === 10) {}який охоплює попередження eval у програмах для зв'язування
— ajbeaven
62

Internet Explorer 10 більше не намагається читати умовні коментарі. Це означає, що він буде ставитись до умовних коментарів так само, як і будь-який інший браузер: як звичайні коментарі HTML, мав на увазі цілком ігноруватися. Якщо розглядати розмітку, подану у запитанні, як приклад, усі браузери, включаючи IE10, повністю ігнорують частини коментарів, виділені сірим кольором. Стандарт HTML5 не згадує про синтаксис умовного коментаря, і саме тому вони вирішили припинити його підтримувати в IE10.

Зауважте, що умовна компіляція в JScript все ще підтримується, як показано в коментарях, а також останніх відповідях. У фінальному релізі це теж не піде, на відміну відjQuery.browser . І звичайно, само собою зрозуміло, що нюхання користувачем-агентом залишається таким же крихким, як ніколи, і ніколи не повинно використовуватися ні за яких обставин.

Якщо ви дійсно повинні орієнтуватися на IE10, або використовуйте умовну компіляцію, яка може все-таки побачити підтримку в найближчому майбутньому, або - якщо ви зможете допомогти їй - використовуйте бібліотеку виявлення функцій, таку як Modernizr замість (або спільно з) виявлення браузера. Якщо у вашому випадку використання не вимагається запису або розміщення IE10 на стороні сервера, обнюхування агентом користувача буде більше головним болем, ніж можливим варіантом.

Звучить досить громіздко, але пам’ятайте, що як сучасний веб-переглядач, який дуже відповідає сучасним веб-стандартам 1 , припускаючи, що ви написали сумісний код, який відповідає стандартам, вам не потрібно було відкладати спеціальний код для IE10, якщо це абсолютно не потрібно, тобто він повинен нагадувати інші браузери за поведінкою та візуалізацією. 2 І це звучить надумано, враховуючи історію IE, але скільки разів ви очікували, що Firefox чи Chrome поводяться так само, лише щоб зіткнутися з розчаруванням?

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

1 Не тільки IE10, але і IE9, і навіть IE8, який обробляє більшість зрілих стандартів CSS2.1 набагато краще, ніж Chrome, просто тому, що IE8 був настільки орієнтований на відповідність стандартам (в той час CSS2.1 вже був досить стабільним з лише незначними відмінностями з сьогоднішньої рекомендації), хоча Chrome здається трохи більше, ніж наполовину відшліфованою демонстрацією технологій передових псевдостандартів.

2 І я можу бути упередженим, коли говорю це, але це точно так, як це робить пекло. Якщо ваш код працює в інших браузерах, але не в IE, шанси на те, що це проблема з вашим власним кодом, а не IE10, набагато кращі в порівнянні, скажімо, 3 роки тому з попередніми версіями IE. Знову ж таки, я можу бути упередженим, але будьмо чесними: чи не ви теж? Просто подивіться на ваші коментарі.

— BoltClock
джерело
20
Chhhh, так, IE10 все ще відстає від webkit та gecko. У мене є CSS, який виглядає все добре в веб-кайті та огидний в IE10. Якщо я не можу знайти спосіб вибіркового застосування стилів, тоді мені доведеться відмовитися від таких стилів. :(
— trusktr
2
Варто зазначити, що умовні коментарі були видалені в IE10, оскільки тепер він має HTML5-аналізатор. Умовні коментарі не дійсні згідно алгоритму розбору HTML5. Дивіться розділ спадкових функцій blogs.msdn.com/b/ie/archive/2011/07/06/…
— Девід Сторі
3
@trusktr, якщо ви його добре кодуєте, він буде добре виглядати у всіх останніх браузерах.
— Клевіс Міхо
10
@KlevisMiho Неправда, функції підтримки Chrome і Firefox, яких IE не має, навіть якщо вони добре закодовані. Якщо ви маєте на увазі "використовувати лише загальні функції", то це не зовсім те саме, що "код добре".
— trusktr
5
@Dan Mantyla: У такому випадку<!--[if !IE]><!-->stuff you don't want IE9 and below to see<!--<![endif]-->
— BoltClock
36

Гарне місце для початку - Документація з підтримки стандартів IE .

Ось як націлити IE10 в JavaScript:

if ("onpropertychange" in document && !!window.matchMedia) {
...
}

Ось як націлити IE10 у CSS:

@media all and (-ms-high-contrast: none) {
...
}

Якщо IE11 потребує фільтрації чи скидання через CSS, див. Інше питання: Як написати CSS-хак для IE 11?

— Пол Sweatte
джерело
5
Ваше рішення CSS також впливає на IE11: \
— Лукаш Ленарт
11

Обидва рішення, розміщені тут (з незначними модифікаціями), працюють:

<!--[if !IE]><!--><script>if(/*@cc_on!@*/false){document.documentElement.className='ie10';}</script><!--<![endif]-->

або

<script>if(Function('/*@cc_on return 10===document.documentMode@*/')()){document.documentElement.className='ie10';}</script>

Ви включаєте будь-який із вищевказаних рядків всередині тегу заголовка вашої html-сторінки перед посиланням css. А потім у файлі css ви вказуєте свої стилі, які мають батьківський клас "ie10":

.ie10 .myclass1 { }

І вуаля! - інші браузери залишаються недоторканими. І вам не потрібен jQuery. Ви можете побачити приклад того, як я його реалізував тут: http://kardash.net .

— Євген Кардаш
джерело
11

Я написав невеликий ванільний JavaScript-плагін під назвою Layout Engine , який дозволяє простежувати IE 10 (та будь-який інший браузер) простим способом, який неможливо підробити, на відміну від нюхання агента користувача.

Він додає назву двигуна візуалізації як клас у тег html та повертає об’єкт JavaScript, що містить постачальника та версію (де це доцільно)

Перевірте мій пост у блозі: http://mattstow.com/layout-engine.html та отримайте код на GitHub: https://github.com/stowball/Layout-Engine

— Метт Стоу
джерело
7

Я використовую цей скрипт - він застарілий, але ефективний для націлювання на окремий аркуш стилів Internet Explorer 10 або JavaScript-файл, який входить лише у тому випадку, якщо браузер - Internet Explorer 10, так само, як і умовні коментарі. Жоден jQuery або інший плагін не потрібен.

<script>
    /*@cc_on
      @if (@_jscript_version == 10)
          document.write(' <link type= "text/css" rel="stylesheet" href="your-ie10-styles.css" />');
      @end
    @*/
</script >
— Дебора
джерело
2
Класно. Чи можете ви додати трохи інформації про те, що ці @statements?
— trusktr
6

Ви можете використовувати PHP, щоб додати таблицю стилів для IE 10

Подібно до:

if (stripos($_SERVER['HTTP_USER_AGENT'], 'MSIE 10')) {
    <link rel="stylesheet" type="text/css" href="../ie10.css" />
}
— Ленні Брейнінккс
джерело
2
Немає сенсу на верхній частині струни, оскільки стрипос не чутливий до регістру;)
— mgutt
2
Я завжди спокушаюсь цього, але потім пам’ятаю, що він ламається, коли на передньому кінці є cdn / кеш / проксі.
— Йоган
5

Якщо це потрібно зробити, ви можете перевірити рядок агента користувача у JavaScript:

var isIE10 = !!navigator.userAgent.match(/MSIE 10/);

Як вже згадували інші люди, я завжди рекомендую замість цього виявити функції.

— так1010
джерело
для чого потрібні `` !! '?
— Франциско Корралес Моралес
4
String.match()поверне масив для відповідності або null, якщо він не відбудеться. !(String.match())робить його поверненням неправдивим для матчу або істинним для без збігу. !(!(String.match()))робить це поверненням істинним для матчу або хибним для без збігу. !(!(something))або просто !!somethingтому перетворює що-небудь на булеве true / false. stackoverflow.com/questions/784929 / ...
— dave1010
@FranciscoCorralesMorales О, скільки разів мене запитували, коли мій код знаходиться під увагою. :) Як розширення до чудового коментаря dave1010, його можна використовувати для примусового значення "truthy" або "falesy" на внутрішнє booleanзначення, наприклад var name = 'me', hasName = !!name;.
— WynandB
4

Якщо ви хочете націлити IE 10 за допомогою ванільного JavaScript, ви можете спробувати виявлення властивостей CSS: 

if (document.body.style.msTouchAction != undefined) {
  document.body.className = 'ie10';
}

Властивості CSS

Замість цього msTouchActionви також можете використовувати один із цих властивостей CSS, оскільки вони наразі доступні лише в IE 10. Але це може змінитися в майбутньому.

  • msTouchAction
  • msWrapFlow
  • msWrapMargin
  • msWrapThrough
  • msScrollLimit
  • msScrollLimitXMin
  • msScrollLimitYMin
  • msScrollLimitXMax
  • msScrollLimitYMax
  • msFlexbox
  • msFlex
  • msFlexOrder

Тестова сторінка

Я склав тестову сторінку з усіма властивостями на CodePen.

— ТимПетруський
джерело
3

clipBoardData - це функція, доступна лише в IE, тому якщо ви хочете націлити всі версії IE, які ви можете використовувати

<script type="text/javascript">
if (window.clipboardData)
            alert("You are using IE!");
</script>
— Няал Джерде
джерело
-1: а як щодо версій? як ви можете сказати, яка версія?
— Франциско Корралес Моралес
У браузера Edge немає "window.clipboardData"
— AFD
@AFD Це питання стосується IE, а не Edge.
— TylerH
3

CSS для IE10 + та IE9

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ styles */
}

@media screen\0 {
    /* IE8,9,10 styles*/
}
— svnm
джерело
1

Ви можете використовувати функцію виявлення функцій, щоб дізнатись, чи є браузер IE10 або вище:

var isIE = false;
if (window.navigator.msPointerEnabled) {
    isIE = true;
}

Вірно лише, якщо> IE9

— Джордж Філіппакос
джерело
1

За допомогою JavaScript:

if (/Trident/g.test(navigator.userAgent)) { // detect trident engine so IE
        document.getElementsByTagName('html')[0].className= 'no-js ie'; }

Робота для всіх IE.

IE08 => 'Trident/4.0'

IE09 => 'Trident/5.0'

IE10 => 'Trident/6.0'

IE11 => 'Trident/7.0'

Тож змініть /Trident/g, /Trident/x.0/gде x = 4, 5, 6або 7(а може, 8на майбутнє).

— Ендер-події
джерело
1

Я просто хотів додати свою версію виявлення IE. Він заснований на фрагменті, знайденому на веб-сайті http://james.padolsey.com/javascript/detect-ie-in-js-using-conditional-comments/, а також підтримується ie10 та ie11. Він виявляє IE 5-11.

Все, що вам потрібно зробити, це додати його кудись, і тоді ви завжди зможете перевірити з простою умовою. Глобальний var isIEбуде невизначений, якщо це не IE, інакше це буде номер версії. Таким чином, ви можете легко додати речі, подібні if (isIE && isIE < 10)або схожі.

var isIe = (function(){
    if (!(window.ActiveXObject) && "ActiveXObject" in window) { return 11; /* IE11 */ }
    if (Function('/*@cc_on return /^10/.test(@_jscript_version) @*/')()) { return 10; /* IE10  */ }
    var undef,
        v = 3, div = document.createElement('div'), all = div.getElementsByTagName('i');
    while (
        div.innerHTML = '<!--[if gt IE ' + (++v) + ']><i></i><![endif]-->',
            all[0]
        );
    return v > 4 ? v : undef;
}());
— Січ.
джерело
0

Для мене наступний код працює чудово, всі умовні коментарі працюють у всіх версіях IE:

<!--[if lt IE 7 ]> <html class="ie6"> <![endif]-->
<!--[if IE 7 ]>    <html class="ie7"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie8"> <![endif]-->
<!--[if IE 9 ]>    <html class="ie9"> <![endif]-->
<!--[if (gt IE 11)|!(IE)]><!--> <html> <!--<![endif]-->

<script>
    if (document.documentMode===10){
        document.documentElement.className+=' ie10';
    }
    else if (document.documentMode===11){
        document.documentElement.className+=' ie11';
    }
</script>

Я на Windows 8.1, не впевнений, що це стосується оновлення ie11 ...

— Олексій
джерело
1
(gt IE 11)Біт абсолютно непотрібне. Ви можете просто зробити це <!--[if !(IE)]<!-->замість цього.
— BoltClock
Якщо BoltClock (gt IE 11) залишається опущеним, а браузер користувача - IE 12 (коли він виходить), не було б визначено html-елемента.
— Леонардо Гонсалес
0

Ось як я створюю спеціальний CSS для Internet Explorer:

У моєму файлі JavaScript:

function isIE () {
      var myNav = navigator.userAgent.toLowerCase();
      return (myNav.indexOf('msie') != -1) ? parseInt(myNav.split('msie')[1]) : false;
}

jQuery(document).ready(function(){
    if(var_isIE){
            if(var_isIE == 10){
                jQuery("html").addClass("ie10");
            }
            if(var_isIE == 8){
                jQuery("html").addClass("ie8");
                // you can also call here some function to disable things that 
                //are not supported in IE, or override browser default styles.
            }
        }
    });

А потім у моєму CSS-файлі y визначте кожен інший стиль:

.ie10 .some-class span{
    .......
}
.ie8 .some-class span{
    .......
}
— Франциско Корралес Моралес
джерело
0

використовувати babel або typecript для перетворення цього коду js

const browser = () => {
    // "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/71.0.3576.0 Safari/537.36"
    // "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/72.0.3626.17 Safari/537.36"
    // "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.140 Safari/537.36 Edge/18.17763"
    // "Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:64.0) Gecko/20100101 Firefox/64.0"
    // "Mozilla/5.0 (Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; .NET CLR 2.0.50727; .NET CLR 3.0.30729; .NET CLR 3.5.30729; rv:11.0) like Gecko"
    // "Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; .NET CLR 2.0.50727; .NET CLR 3.0.30729; .NET CLR 3.5.30729)"
    // "Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; .NET CLR 2.0.50727; .NET CLR 3.0.30729; .NET CLR 3.5.30729)"
    // "Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; .NET CLR 2.0.50727; .NET CLR 3.0.30729; .NET CLR 3.5.30729)"
    // "Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; .NET CLR 2.0.50727; .NET CLR 3.0.30729; .NET CLR 3.5.30729)"
    const _userAgent = navigator.userAgent;
    const br = {
        "Chrome": "Chrome",
        "Edge": "Edge",
        "Firefox": "Firefox",
        ".NET CLR": "Internet Explorer 11",
    };
    const nobr = {
        "MSIE 10.0": "Internet Explorer 10",
        "MSIE 9.0": "Internet Explorer 9",
        "MSIE 8.0": "Internet Explorer 8",
        "MSIE 7.0": "Internet Explorer 7"
    };
    let thisBrow = "Unknown";
    for (const keys in br) {
        if (br.hasOwnProperty(keys)) {
            if (_userAgent.includes(keys)) {

                thisBrow = br[keys];

                for (const key in nobr) {
                    if (_userAgent.includes(key)) {
                        thisBrow = nobr[key];
                    }
                }

            }
        }
    }

    return thisBrow;
};
Розгорніть фрагмент

— Олександр Шпак
джерело
Привіт Олександре, дякую за ідею! Не впевнений, чому хтось зголосився, але я підтримав, оскільки відповідь - принаймні корисна підказка. Хто виступає проти, чому б не допомогти новому користувачеві корисними порадами?
— trusktr
-2

Ця відповідь отримала мені 90% шляху туди. Решту своєї відповіді я знайшов тут на сайті Microsoft .

Код нижче - це те, що я використовую для націлювання на все, тобто додаючи клас .ie до <html>

Використовуйте jQuery (яка застаріла .browser на користь користувальницьких агентів у версії 1.9+, див. Http://api.jquery.com/jQuery.browser/ ), щоб додати клас .ie:

// ie identifier
$(document).ready(function () {
  if (navigator.appName == 'Microsoft Internet Explorer') {
    $("html").addClass("ie");
  }
});
— бданін
джерело
", що застаріло .browser на користь користувальницьких агентів у версії 1.9+" Це не говорить "на користь користувальницьких агентів" - що б це не означало - це говорить на користь виявлення функцій .
— BoltClock
-2

Якщо ви не заперечуєте націлювання на IE10 та новіші веб-переглядачі та не веб-переглядачі IE, ви можете використовувати цей умовний коментар:

<!--[if gt IE 9]><!--> Your code here. <!--<![endif]-->

Отримано з http://www.paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither

— user1003757
джерело
1
Я не відповів -1 Вашою відповіддю, але посилання здається дещо перевершеною восьмирічною . Варто також зазначити, що ОП призначена для націлювання лише на IE10 та IE10. Незалежно від того, ваш фрагмент коду не буде працювати ні для IE10, ні вище, ні для будь-якого іншого браузера, який не є IE, оскільки умовні коментарі підтримуються лише в IE5 до IE9.
— WynandB
-2

Якщо вам дійсно доведеться, ви можете змусити умовні коментарі працювати, додавши наступний рядок до <head>:

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9">

Джерело

— nyuszika7h
джерело
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.