css - 为 IE 9 - 10 应用样式

Question

我正在编写一个 Angular 2 应用程序，我需要用 CSS IE 9-10 覆盖。其余的我有 flexbox 布局。但是我需要用非 flexbox 样式专门覆盖 IE 9-10。我在 index.html 中看到了一种使用条件标记来执行此操作的方法，但它仅适用于特定的 IE 9，也不适用于 IE 10。这些 IE 也不支持 @supports (display: flex)。我有什么选择？我也想为 IE11 > 保留 flexbox scss。同时对 IE 9-10 有回退。任何建议和建议将不胜感激。

Answer 1

@Ivan，使用下面的脚本 (jquery)，您可以检测浏览器并应用该类。

//Jquery


 if ($.browser.msie && $.browser.version <= 6 ){ 


 alert('IE 6 or below version'); 

  } 



if ($.browser.msie && $.browser.version > 6){ 

 alert('IE above 6'); 

 } 



});