2017-09-21 69 views
0

我正在编写一个Angular 2应用程序,我需要用IE浏览器9-10覆盖CSS。其余的我有flexbox布局。但我需要特别覆盖IE 9-10以及非Flexbox风格。 我已经看到了在index.html中使用条件标签的方法,但它仅适用于特定的IE 9和IE 10。 这些IE中不支持@supports(display:flex)。 我有什么选择?我想为IE11>保留flexbox scss。与此同时,IE 9-10有一个回退。 任何建议和建议将不胜感激。适用于IE浏览器的样式9 - 10

+0

在这种情况下,可以找到浏览器,如果是IE,则应用特定的类并使用脚本应用的类覆盖现有的(flexbox into table)CSS。这可能对你有帮助,我在我的项目中做得很好。 –

+0

@SatheeshKumar你用什么方法来检测浏览器并应用?我的意思是这个策略是什么?谢谢! – Ivan

回答

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'); 

 } 



}); 
+0

非常感谢!我非常感谢你的帮助。幸运的是,我不必为我当前的项目支持较旧的IE。 – Ivan

+0

欢迎你@Ivan。 –

+0

如果我的回答是正确的,请将其标记为正确:),谢谢 –

相关问题