I'm trying to link to IE10 with an external style sheet but its not working properly. whats happening is IE10 is using the same style sheet as the other browsers. i have attached different stylesheets for IE 9 and 8 and those are fine. i even tried to have a style sheet for the other browsers but IE 10 seems to think its one of the other browsers.
<!--[if lt IE 10]>
<link rel="stylesheet" type="text/css" href="ie10.css" />
<![endif]-->
[if gt IE 9] for 'greather than' 9
explained here : http://msdn.microsoft.com/en-us/library/ms537512%28v=vs.85%29.aspx
BUT you should read carefully over the net ( http://www.sitepoint.com/microsoft-drop-ie10-conditional-comments/) ... ie10 dropped conditional comments.
Same topic here 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
And to answer to : link to IE10 -->
Perhaps you can try some jQuery like this (nota: This property was removed in jQuery 1.9 and is available only through the jQuery.migrate plugin.):
if ($.browser.msie && $.browser.version == 10) {
$("html").addClass("ie10");
}
Or you can try the @media -ms-high-contrast Hack like this:
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
/* IE10-specific styles go here */
}
or you can try the @media Zero Hack
@media screen and (min-width:0\0) {
/* IE9 and IE10 rule sets go here */
}
You probably want lte (less than or equal) or exact match instead of lt (less than).
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With