javascript – 如何为IE10专门添加CSS Hack？

我想为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>

它不起作用.请帮助.

解决方法:

您可以使用轻松跟踪IE的最新版本(主要是IE 10和IE 11)

1. CSS媒体查询hack：

/* 
    #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被认为是不好的做法.

条件评论(即10条条款评论)：

如果要为IE加载外部css文件,可以使用条件注释.但正如你提到的那样,你想要IE 10和ie10删除条件评论.

microsoft drop conditional comments in ie10.

标签：javascript,jquery,css,css3,internet-explorer-10
来源： https://codeday.me/bug/20191006/1861291.html