ie10样式表

时间:2013-01-29 14:53:02

标签: css styles internet-explorer-10 conditional-comments

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

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

4 个答案:

答案 0 :(得分:12)

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

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

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

此处相同主题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

并回答:链接到IE10 - &gt;

也许你可以像这样尝试一些 jQuery (nota:这个属性在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 */  
}

答案 1 :(得分:1)

你可能想要lte(小于或等于)或完全匹配而不是lt(小于)。

答案 2 :(得分:0)

刚刚完成一封html电子邮件(响应)。从我到目前为止所阅读的内容来看,IE 10的解决方案并不是外部的,而是使用:

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

}

作为主要CSS的一部分。

答案 3 :(得分:-5)

如果您要将其添加到wp主题,则必须正确链接。例如:

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