css - 为 IE 9 - 10 应用样式

标签 css internet-explorer flexbox internet-explorer-9 fallback

我正在编写一个 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 有回退。 任何建议和建议将不胜感激。

最佳答案

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

 } 



});

关于css - 为 IE 9 - 10 应用样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46352609/

相关文章:

javascript - 如何使用 flex-box 容器在多行上保留间距模板

html - 为什么 flex 元素不缩小过去的内容大小?

javascript - JavaScript 中是否可以自动声明数千个变量?

jquery - 使用 jQuery 禁用文本字段

javascript - IE6 中的出生日期选择器问题

html - 我如何解决这个与表格单元格、文本装饰和填充相关的 IE11 布局错误?

java - 如何在 'Default Java for browsers'中启用MSIE8?

css - 'position: absolute' 是否与 Flexbox 冲突?

css - 响应式布局中的 Twitter bootstrap 最小宽度

asp.net - 如何在不访问代码的情况下将文档类型更改为标准模式?