javascript - 如何添加专门针对IE10的CSS Hack？

Question

我正在尝试仅为 iE 10 添加 css。

实际上，我的 CSS 在 Chrome 和 Firefox 中运行良好。但是在 IE 10 中造成了一些问题。

我试过这段代码并制作了 ie10.css，但它不起作用。

<script> 
if (/*@cc_on!@*/false) { 

    var headHTML = document.getElementsByTagName('head')[0].innerHTML; 

headHTML    += '<link type="text/css" rel="stylesheet" href="css/ie10.css">'; 
document.getElementsByTagName('head')[0].innerHTML = headHTML; 
} 
</script>

它不起作用。请帮忙。

Answer 1

您可以使用

轻松跟踪最新版本的 IE(主要是 IE 10 和 IE 11)

<强>1。 CSS 媒体查询技巧:

/* 
    #ie10,11 will only be red in MSIE 10, 
    both in high contrast (display setting) and default mode 
*/

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
   //-- Put your IE specific css class here 
}

或

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

Read this

Working Example

<强>2。浏览器检测:

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

<强>3。使用脚本(未测试):

<script>
    /*@cc_on
      @if (@_jscript_version == 10)
          document.write('<link type= "text/css" rel="stylesheet" href="your-ie10-styles.css" />');
      @end
    @*/
</script >

注意:我知道 document.write 被认为是不好的做法。

条件注释(ie10丢弃条件注释):

如果你想为IE加载外部css文件，你可以使用条件注释。但是正如您在问题中提到的，您希望 IE 10 和 ie10 放弃条件注释。

microsoft drop conditional comments in ie10 .