Come posso indirizzare solo Internet Explorer 10 per determinate situazioni come CSS specifico di Internet Explorer o codice JavaScript specifico di Internet Explorer?

160

Come posso indirizzare solo Internet Explorer 10 per determinate situazioni come CSS specifico di Internet Explorer o codice JavaScript specifico di Internet Explorer?

Ho provato questo, ma non funziona:

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

Internet Explorer 10 ignora i commenti condizionali e utilizza <html lang="en" class="no-js">invece di <html class="no-js ie10" lang="en">.

javascript  html  css  internet-explorer-10  conditional-comments 
— trusktr
fonte
8
Penso che una domanda migliore sarebbe: come faccio a far sembrare questo CSS uguale su entrambi i browser?
— BentOnCoding del
12
IE10 PP4 supporta ancora l' @cc_onistruzione . Così, per rilevare se IE10 è supportata o meno, è possibile utilizzare il seguente codice: <!--[if !IE]><!--><script>if(/*@cc_on!@*/false){document.documentElement.className+=' ie10';}</script><!--<![endif]-->. (L'ho pubblicato come commento, poiché IE è ancora in fase di sviluppo, quindi non è noto se anche la versione finale supporti questa funzione)
— Rob W,
15
@RobW - Il tuo codice di esempio sarà errato una volta che ie11 è uscito. Versione migliorata: <script>if(Function('/*@cc_on return document.documentMode===10@*/')()){document.documentElement.className+=' ie10';}</script>Miglioramenti: non necessita di commenti condizionali; funziona anche se la compressione / elaborazione di stripping dei commenti; nessuna classe aggiunta per ie11; funzionerà con ie11 in esecuzione in modalità di compatibilità ie10; non necessita di tag di script autonomo (può essere semplicemente aggiunto ad altri javascript in testa).
— robocat,
2
Esempio dello snippet di codice sopra riportato: jsbin.com/upofoq/2
— robocat
8
Una soluzione più generica è: if(document.documentMode) document.documentElement.className+=' ie'+document.documentMode+'mode';- che risolve il 90% dei problemi (a volte le modalità di compatibilità falliscono, nel qual caso è necessario un altro livello di correzione oltre a quello).
— robocat,

Risposte:

65

Forse puoi provare alcuni jQuery in questo modo:

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

Per utilizzare questo metodo è necessario includere la libreria jQuery Migrate poiché questa funzione è stata rimossa dalla libreria jQuery principale.

Ha funzionato abbastanza bene per me. Ma sicuramente nessun rimpiazzo per commenti condizionali!

— Max Sohrt
fonte
3
Non sono sicuro di voi ragazzi ma devo usarlo == '10.0'perché funzioni
— lulalala
112
Attenzione: jQuery.browsernon è più disponibile nella versione corrente di jQuery (1.9) senza plugin. blog.jquery.com/2013/01/15/…
— dave1010
2
Vorrei raccomandare: if (jQuery.browser.msie && jQuery.browser.version < 10) { // do what you will here }nota la versione <10 per rilevare le versioni precedenti di IE. IE10 e versioni successive funzionano perfettamente con tutti i miei CSS3, HTML5, jquery, ecc.
— Dan Mantyla,
1
@dan perché i commenti condizionali funzionano in tutti i browser IE meno di 10 li usano invece di ingombrare il tuo JS per tutti i browser. Basta dire <! - [if lte IE 9]> e puoi scegliere come target tutte le versioni di IE inferiori a 10. Non è richiesto JS.
— edhurtig,
1
@ Marc-AndréLafortune solleva un buon punto. Come regola generale si dovrebbe sempre usare l'operatore === e non ==. Quando scrivi javascript devi essere consapevole di questo. stackoverflow.com/questions/359494/…
— Stewart
132

Non userei JavaScript navigator.userAgento $ .browser (che usa navigator.userAgent) poiché può essere falsificato.

Per scegliere come target Internet Explorer 9, 10 e 11 (Nota: anche l'ultimo Chrome):

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

Per scegliere come target Internet Explorer 10:

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

Per indirizzare il browser Edge:

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

fonti:

— Roni
fonte
È davvero carino. Ma quanto dovremmo preoccuparci quando testiamo varie modalità documento rispetto alle modalità browser in IE? In quali situazioni possiamo aspettarci che gli utenti online utilizzino una modalità documento diversa dalla loro attuale modalità browser?
— Klewis,
le persone di solito non cambiano la modalità documento. Possono, ma non ho trovato nessun sito che richiedesse all'utente di cambiare la modalità documento. Se stai usando il DOCTYPE corretto questo non è affatto un problema.
— Roni
3
Tu sei il mio eroe! Solo una nota, questo ha anche corretto alcune cose incasinate in IE11
— locrizak
8
Questo influisce anche su IE11 - quindi se stai cercando una soluzione per indirizzare solo IE9 / 10 questo non funzionerà :-(
— Lukasz Lenart
1
Cosa intendi con "tutti rilevano il browser tramite navigator.userAgent"? La compilazione condizionale è una funzione integrata del runtime JScript, che non può essere falsificata tramite la stringa agente utente.
— BoltClock
111

Ho trovato una soluzione su questo sito in cui qualcuno ha avuto un prezioso commento :

La soluzione è:

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

esso

  • non necessita di commenti condizionali;
  • funziona anche se la compressione / elaborazione di stripping dei commenti;
  • nessuna classe ie10 aggiunta in Internet Explorer 11;
  • è più probabile che funzioni come previsto con Internet Explorer 11 in esecuzione nella modalità di compatibilità di Internet Explorer 10;
  • non necessita di tag di script autonomo (può essere semplicemente aggiunto ad altro codice JavaScript nella testa).
  • non è necessario jQuery per testare
— Willem de Wit
fonte
3
@ dave1010 I programmi utente possono essere facilmente falsificati. I commenti condizionali sono supportati solo dal motore JScript, disponibile solo in IE4 + (incluso 10).
— Rob W,
2
@ dave1010 Scrivere un parser funzionante che fa ciò che stai descrivendo è difficile ed estremamente improbabile. Chiunque crei e installi deliberatamente un'estensione di questo tipo probabilmente intende "agire come" IE (forse per scopi di test automatizzati in ambienti non Windows?). La fiducia al 100% non è mai garantita nei browser, ma puoi avvicinarti sufficientemente. I commenti condizionali sono un modo altamente affidabile per rilevare il motore JScript, che sembra essere utilizzato da IE.
— Rob W
3
l'unico svantaggio che posso vedere è che richiede js, che i condizionali non hanno
— James Westgate
4
Questa dovrebbe essere la risposta migliore, e il requisito JS dovrebbe essere discutibile per gli utenti IE10 - se JS è disabilitato sarà probabilmente solo l'addon NoScript. Penso che abbiamo bisogno di più educazione pubblica sulla pura stupidità di NoScript (al contrario di addon sani come AdBlock o Ghostery).
— iono,
8
Suggerirei di utilizzare il codice alternativo fornito dall'autore: if (/*@cc_on!@*/false && document.documentMode === 10) {}che aggira gli avvisi di valutazione nei programmi di sfilacciatura.
— ajbeaven,
62

Internet Explorer 10 non tenta più di leggere i commenti condizionali. Ciò significa che tratterà i commenti condizionali proprio come farebbe qualsiasi altro browser: come normali commenti HTML, significava essere completamente ignorati. Guardando il markup fornito nella domanda come esempio, tutti i browser incluso IE10 ignoreranno completamente le parti dei commenti, evidenziate in grigio. Lo standard HTML5 non menziona la sintassi del commento condizionale, ed è proprio per questo che hanno scelto di smettere di supportarlo in IE10.

Si noti, tuttavia, che la compilazione condizionale in JScript è ancora supportata, come mostrato nei commenti e nelle risposte più recenti. Nemmeno nella versione finale se ne andrà via, a differenzajQuery.browser . E ovviamente, è ovvio che lo sniffing di user-agent rimane fragile come non mai e non dovrebbe mai essere usato in nessuna circostanza.

Se devi davvero scegliere come target IE10, usa la compilazione condizionale che potrebbe ancora vedere il supporto nel prossimo futuro, o - se puoi aiutarlo - usa una libreria di rilevamento delle caratteristiche come Modernizr invece di (o in congiunzione con) il rilevamento del browser. A meno che il tuo caso d'uso non richieda noscript o sia compatibile con IE10 sul lato server, lo sniffing user-agent sarà più un mal di testa che un'opzione praticabile.

Sembra piuttosto ingombrante, ma ricorda che come un browser moderno che è altamente conforme agli odierni standard Web 1 , supponendo che tu abbia scritto un codice interoperabile altamente conforme agli standard, non dovresti mettere da parte un codice speciale per IE10 a meno che non sia assolutamente necessario, cioè dovrebbe assomigliare ad altri browser in termini di comportamento e rendering. 2 E sembra inverosimile, vista la storia di IE, ma quante volte ti aspettavi che Firefox o Chrome si comportassero allo stesso modo solo per essere scontenti?

Se fare avere un motivo legittimo per essere mira alcuni browser, con tutti i mezzi li fiutare con gli altri strumenti dato a voi. Sto solo dicendo che oggi avrai molta più difficoltà a trovare un motivo del genere rispetto a quello che era una volta, e in realtà non è qualcosa su cui puoi fare affidamento.

1 Non solo IE10, ma IE9 e persino IE8 che gestisce la maggior parte dello standard CSS2.1 maturo molto meglio di Chrome, semplicemente perché IE8 era così focalizzato sulla conformità agli standard (a quel tempo CSS2.1 era già abbastanza stabile con solo piccole differenze dalla raccomandazione di oggi) mentre Chrome sembra essere poco più di una dimostrazione tecnologica a metà lucidata di pseudo-standard all'avanguardia.

2 E potrei essere di parte quando dico questo, ma sicuramente è un inferno. Se il tuo codice funziona in altri browser ma non in IE, le probabilità che si tratti di un problema con il tuo codice piuttosto che con IE10 sono molto migliori rispetto, diciamo, a 3 anni fa, con le versioni precedenti di IE. Ancora una volta, posso essere di parte, ma siamo onesti: non lo sei anche tu? Guarda i tuoi commenti.

— BoltClock
fonte
20
Chhhh, sì, IE10 è ancora molto indietro rispetto a webkit e geco. Ho alcuni CSS che sembrano tutti belli in webkit e orribili in IE10. Se non riesco a trovare un modo per applicare selettivamente gli stili, allora dovrò abbandonare tali stili. :(
— trusktr,
2
Vale la pena sottolineare che i commenti condizionali sono stati rimossi in IE10 in quanto ora ha un parser HTML5. I commenti condizionali non sono validi secondo l'algoritmo di analisi HTML5. Vedi la sezione sulle funzionalità legacy di blogs.msdn.com/b/ie/archive/2011/07/06/…
— David Storey,
3
@trusktr se lo codifichi bene, avrà un bell'aspetto in tutti i browser più recenti.
— Klevis Miho,
10
@KlevisMiho Non è vero, Chrome e Firefox supportano funzionalità che IE non ha, anche se ben codificate. Se vuoi dire "usa solo funzionalità comuni", allora non è esattamente lo stesso di "codice bene".
— trusktr,
5
@Dan Mantyla: In tal caso,<!--[if !IE]><!-->stuff you don't want IE9 and below to see<!--<![endif]-->
— BoltClock
11

Entrambe le soluzioni pubblicate qui (con lievi modifiche) funzionano:

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

o

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

Includi una delle righe sopra all'interno del tag head della tua pagina html prima del tuo link css. E poi nel file css specifichi i tuoi stili con classe "ie10" come genitore:

.ie10 .myclass1 { }

E voilà! - altri browser rimangono intatti. E non hai bisogno di jQuery. Puoi vedere l'esempio di come l'ho implementato qui: http://kardash.net .

— Eugene Kardash
fonte
11

Ho scritto un piccolo plug-in JavaScript vaniglia chiamato Layout Engine , che ti consente di rilevare IE 10 (e tutti gli altri browser) in modo semplice e non falsificabile, a differenza dello sniffing degli user agent.

Aggiunge il nome del motore di rendering come classe sul tag html e restituisce un oggetto JavaScript contenente il fornitore e la versione (ove appropriato)

Dai un'occhiata al mio post sul blog: http://mattstow.com/layout-engine.html e ottieni il codice su GitHub: https://github.com/stowball/Layout-Engine

— Matt Stow
fonte
7

Uso questo script: è antiquato, ma efficace nel prendere di mira un foglio di stile di Internet Explorer 10 separato o un file JavaScript che è incluso solo se il browser è Internet Explorer 10, come faresti con i commenti condizionali. Non è richiesto jQuery o altri plug-in.

<script>
    /*@cc_on
      @if (@_jscript_version == 10)
          document.write(' <link type= "text/css" rel="stylesheet" href="your-ie10-styles.css" />');
      @end
    @*/
</script >
— Deborah
fonte
2
Freddo. Potresti aggiungere qualche informazione su cosa sono questi @statements?
— trusktr,
6

Puoi usare PHP per aggiungere un foglio di stile per IE 10

Piace:

if (stripos($_SERVER['HTTP_USER_AGENT'], 'MSIE 10')) {
    <link rel="stylesheet" type="text/css" href="../ie10.css" />
}
— Lenny Bruyninckx
fonte
2
Non ha senso aumentare la stringa poiché lo stripos non fa distinzione tra maiuscole e minuscole;)
— mgutt
2
Ho sempre tentato per questo, ma poi ricordo che si rompe quando c'è un cdn / cache / proxy sul front-end.
— Johan
5

Se è necessario, è possibile controllare la stringa dell'agente utente in JavaScript:

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

Come altri hanno già detto, raccomanderei sempre il rilevamento delle funzionalità.

— dave1010
fonte
a cosa servono i `` !! `?
— Francisco Corrales Morales,
4
String.match()restituirà un array per una corrispondenza o null se non lo fa. !(String.match())lo rende restituito falso per una corrispondenza o vero per nessuna corrispondenza. !(!(String.match()))lo rende restituito vero per una corrispondenza o falso per nessuna corrispondenza. !(!(something))o semplicemente !!somethingquindi converte qualsiasi cosa in un vero / falso booleano. stackoverflow.com/questions/784929/...
— dave1010
@FranciscoCorralesMorales Oh quante volte mi è stato chiesto quando il mio codice è sotto esame. :) Come espansione del grande commento di dave1010, può essere usato per forzare i valori di "verità" o "falsa" in un booleanvalore intrinseco , ad es var name = 'me', hasName = !!name;.
— WynandB,
4

Se desideri scegliere come target IE 10 con JavaScript Vanilla, potresti provare il rilevamento delle proprietà CSS: 

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

Proprietà CSS

Invece di msTouchActionte puoi anche usare una di queste proprietà CSS, perché sono attualmente disponibili solo in IE 10. Ma questo potrebbe cambiare in futuro.

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

Pagina di prova

Ho messo insieme una pagina di prova con tutte le proprietà su CodePen.

— TimPietrusky
fonte
3

clipBoardData è una funzione disponibile solo in IE, quindi se stai cercando di scegliere come target tutte le versioni di IE puoi usare

<script type="text/javascript">
if (window.clipboardData)
            alert("You are using IE!");
</script>
— Njaal Gjerde
fonte
-1: ma per quanto riguarda le versioni? come puoi sapere quale versione è?
— Francisco Corrales Morales,
Il browser Edge non ha neanche "window.clipboardData"
— AFD
@AFD Questa domanda riguarda IE, non Edge.
— TylerH,
3

CSS per IE10 + e IE9

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

@media screen\0 {
    /* IE8,9,10 styles*/
}
— svnm
fonte
1

È possibile utilizzare il rilevamento delle funzionalità per vedere se il browser è IE10 o superiore in questo modo:

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

Vero solo se> IE9

— George Filippakos
fonte
1

Con JavaScript:

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

Lavora per tutti gli IE.

IE08 => 'Trident/4.0'

IE09 => 'Trident/5.0'

IE10 => 'Trident/6.0'

IE11 => 'Trident/7.0'

Quindi cambia /Trident/gda /Trident/x.0/gdove x = 4, 5, 6o 7(o forse 8per il futuro).

— Ender-events
fonte
1

Volevo solo aggiungere la mia versione di rilevamento IE. Si basa su uno snippet disponibile su http://james.padolsey.com/javascript/detect-ie-in-js-using-conditional-comments/ ed esteso per supportare anche ie10 e ie11. Rileva IE da 5 a 11.

Tutto quello che devi fare è aggiungerlo da qualche parte e quindi puoi sempre verificare con una semplice condizione. La var globale isIEsarà indefinita se non è un IE, altrimenti sarà il numero di versione. Quindi puoi aggiungere facilmente cose come if (isIE && isIE < 10)o simili.

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;
}());
— Gennaio
fonte
0

Per me il seguente codice funziona bene, tutti i commenti condizionali funzionano in tutte le versioni di 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>

Sono su Windows 8.1, non sono sicuro che sia correlato all'aggiornamento ie11 ...

— alex
fonte
1
Il (gt IE 11)bit è completamente inutile. Puoi anche solo fare <!--[if !(IE)]<!-->invece.
— BoltClock
BoltClock if (gt IE 11) viene tralasciato e il browser dell'utente è IE 12 (quando esce) non ci sarebbe alcun elemento html definito.
— Leonardo Gonzalez,
0

Ecco come faccio CSS personalizzati per Internet Explorer:

Nel mio file 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.
            }
        }
    });

E poi nel mio file CSS, definisci ogni stile diverso:

.ie10 .some-class span{
    .......
}
.ie8 .some-class span{
    .......
}
— Francisco Corrales Morales
fonte
0

usa babel o dattiloscritto per convertire questo codice 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;
};
Espandi frammento

— Aliaksandr Shpak
fonte
Ciao Aliaksandr, grazie per l'idea! Non sono sicuro del motivo per cui qualcuno ha effettuato il downgrade, ma ho effettuato l'upgrade perché la risposta è almeno un suggerimento utile. Chiunque declassa, perché non aiutare un nuovo utente con consigli utili?
— trusktr,
-2

Questa risposta mi ha permesso di ottenere il 90% del percorso. Ho trovato il resto della mia risposta sul sito Microsoft qui .

Il codice qui sotto è quello che sto usando per indirizzare tutti, cioè aggiungendo una classe .ie a <html>

Utilizzare jQuery (che ha deprecato .browser a favore degli interpreti in 1.9+, vedere http://api.jquery.com/jQuery.browser/ ) per aggiungere una classe .ie:

// ie identifier
$(document).ready(function () {
  if (navigator.appName == 'Microsoft Internet Explorer') {
    $("html").addClass("ie");
  }
});
— bdanin
fonte
"che ha deprecato .browser a favore degli user agent in 1.9+" Non dice "a favore degli user agent" - qualunque cosa significhi - dice a favore del rilevamento delle funzionalità .
— BoltClock
-2

Se non ti dispiace il targeting per browser IE10 e superiori e non IE, puoi utilizzare questo commento condizionale:

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

Derivato da http://www.paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither

— user1003757
fonte
1
Non ho la risposta -1, ma il legame sembra un po 'outd- otto -ed. Vale anche la pena notare che OP intendeva indirizzare solo IE10 e IE10. Indipendentemente da ciò, lo snippet di codice non funzionerà per IE10 e versioni successive o per qualsiasi altro browser non IE, poiché i commenti condizionali sono supportati solo in IE5 fino a IE9.
— WynandB,
-2

Se proprio devi, puoi far funzionare i commenti condizionali aggiungendo la seguente riga a <head>:

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

fonte

— nyuszika7h
fonte
-4

soluzione moderna per css

html[data-useragent*='MSIE 10.0'] .any {
  your-style: here;
}
— Raphael
fonte
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.