css - ie10 样式表

Question

我正在尝试使用外部样式表链接到 IE10，但它无法正常工作。发生的事情是 IE10 使用与其他浏览器相同的样式表。我为 IE 9 和 8 附加了不同的样式表，这些都很好。我什至尝试为其他浏览器创建样式表，但 IE 10 似乎认为它是其他浏览器之一。

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

Answer 1

[如果 gt IE 9] 对于“大于”9

在这里解释：http: //msdn.microsoft.com/en-us/library/ms537512%28v=vs.85%29.aspx

但是您应该仔细阅读网络 ( http://www.sitepoint.com/microsoft-drop-ie10-conditional-comments/ ) ... ie10 删除了条件评论。

此处相同主题如何在某些情况下仅针对 Internet Explorer 10，例如特定于 Internet Explorer 的 CSS 或特定于 Internet Explorer 的 JavaScript 代码？

不再支持有条件的评论

并回答：链接到 IE10 -->

也许你可以尝试一些像这样的jQuery（注意：这个属性在 jQuery 1.9 中被删除并且只能通过 jQuery.migrate 插件使用。）：

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

或者你可以尝试像这样的@media -ms-high-contrast Hack：

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

或者你可以试试@media Zero Hack

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

Answer 2

您可能想要 lte（小于或等于）或完全匹配而不是 lt（小于）。

Answer 3

刚刚完成了一封 html 电子邮件（响应式）。从我到目前为止所阅读的内容来看，IE 10 的解决方案没有外部，而是使用：

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

}

作为主要 css 的一部分。

Answer 4

如果您将此添加到 wp 主题中，则必须正确链接它。前任：

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