foglio di stile ie10

Question

Sto provando a collegarmi a IE10 con un foglio di stile esterno ma non funziona correttamente. che cosa sta succedendo è IE10 sta usando lo stesso foglio di stile degli altri browser. ho allegato diversi fogli di stile per IE 9 e 8 e quelli vanno bene. ho anche provato ad avere un foglio di stile per gli altri browser ma IE 10 sembra pensare a uno degli altri browser.

<!--[if lt IE 10]> 
<link rel="stylesheet" type="text/css" href="ie10.css" /> 
<![endif]--> 

Answer 1

Probabilmente si desidera il lte (minore o uguale) o la corrispondenza esatta al posto di lt (minore di).

Answer 2

[se gt IE 9] per 'greather di' 9

spiegato qui: http://msdn.microsoft.com/en-us/library/ms537512%28v=vs.85%29.aspx

MA si dovrebbe leggere con attenzione oltre la rete (http://www.sitepoint.com/microsoft-drop-ie10-conditional-comments/) ... IE10 è sceso commenti condizionali.

stesso argomento qui How do I target only Internet Explorer 10 for certain situations like Internet Explorer-specific CSS or Internet Explorer-specific JavaScript code?

no more support for conditional comments

E per rispondere a: link a IE10 ->

forse si può provare alcuni jQuery come questo (Nota: Questa proprietà è stata rimossa in jQuery 1.9 ed è disponibile solo tramite il plugin jQuery.migrate.):

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

Oppure si può provare la @media -ms-alto contrasto Hack come questo:

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
    /* IE10-specific styles go here */ 
} 

o si può provare la @media Zero Hack

@media screen and (min-width:0\0) { 
    /* IE9 and IE10 rule sets go here */ 
} 

Answer 3

Se si aggiunge questo per un tema wp dovrete collegarlo correttamente. Es:

<!--[if lt IE 10]><link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/ie10.css" /><![endif]--> 

Answer 4

Appena finito su un'email html (reattivo). E da quello che ho letto finora la soluzione a IE 10 è non avere un esterno, ma utilizzando:

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 

} 

come parte del css principale.