适用于IE浏览器的样式9 - 10
问题描述:
我正在编写一个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
答
@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');
}
});
在这种情况下,可以找到浏览器,如果是IE,则应用特定的类并使用脚本应用的类覆盖现有的(flexbox into table)CSS。这可能对你有帮助,我在我的项目中做得很好。 –
@SatheeshKumar你用什么方法来检测浏览器并应用?我的意思是这个策略是什么?谢谢! – Ivan