Ie10 stylesheet

Question

I am trying to connect to IE10 with an external stylesheet, but it is not working properly. What happens, IE10 uses the same stylesheet as other browsers. I attached different stylesheets for IE 9 and 8, and everything is in order. I even tried to have a stylesheet for other browsers, but IE 10 seems to consider it one of the other browsers.

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

Answer 1

[if gt IE 9] for 'greather than' 9

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

BUT you should carefully read on the net ( http://www.sitepoint.com/microsoft-drop-ie10-conditional-comments/ ) ... ie10 dropped conditional comments .

Same topic here How can I target only Internet Explorer 10 for certain situations, such as CSS or JavaScript code specific to Internet Explorer?

no more conditional comment support

And answer: link to IE10 →

Perhaps you can try some jQuery like this (nota: this property was removed in jQuery 1.9 and is only available through the jQuery.migrate plugin.):

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

Or you can try @media -ms-high-contrast Hack as follows:

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

or you can try @media Zero Hack

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

Answer 2

You probably need lte (less than or equal to) or an exact match instead of lt (less).

Answer 3

Just ending with an html email address (responsive). And from what I read so far, the solution for IE 10 has no external, but uses:

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

as part of the main css.

Answer 4

If you add this to the wp theme, you will need to bundle it correctly. Example:

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