html - CSS 仅针对 IE10 和以下版本(不是 IE11)?

标签 html css internet-explorer

是否有一种直接的方法来针对 IE10 及更低版本的 CSS? IE11 工作正常(现在支持我使用的 CSS)但我需要为下面的任何内容添加特定的 CSS。

我知道我可以在 IE9 之前使用它:

<!--[if IE 7 ]> <html class="ie7"> <![endif]-->
<!--[if IE 8 ]> <html class="ie8"> <![endif]-->
<!--[if IE 9 ]> <html class="ie9"> <![endif]-->

但是 IE10 不支持条件注释,我不想在内容元标记中针对 IE9,因为我想默认使用 11/Edge(我不想卡在过去!) .

使用 IE 特定的媒体查询不是一个选项,因为这会将 CSS 应用于 IE11,而我不想这样做。我只想针对 IE11 以下的任何内容的原因是我有一组“备用”CSS,我想在无法应用默认的“正确”CSS(适用于 IE11、Chrome、Firefox 等)时应用它们.

我也尝试过反向操作 - 将备用 CSS 作为默认值,然后将好的 CSS 专门定位为:

IE11+ 使用 _:-ms-fullscreen :root

Chrome 使用 @supports (-webkit-appearance:none)

Firefox 使用 @supports (-moz-appearance:meterbar)

但这没有用,因为 IE11 仍在使用部分默认 CSS。 Chrome 和 Firefox 正确显示了特定的 CSS,但随后网站样式的其余部分出现了各种其他问题。

关于如何在不同时针对 IE11 的情况下专门针对 IE10 的任何想法?

谢谢

最佳答案

不要检查浏览器,而是检查您尝试使用的功能。 Modernizr 允许检查当前浏览器是否支持特定功能 -> http://modernizr.com/

在 IE 11 中检查浏览器也不会像您预期的那样工作,他们将代理名称从 IE 更改为 Mozilla ( read more )

这里是关于@support 和 modernizr 的更多信息 -> http://demosthenes.info/blog/964/A-Browser-Native-Modernizr-Using-supports-in-CSS (向下滚动一点)

关于html - CSS 仅针对 IE10 和以下版本(不是 IE11)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31855370/

相关文章:

html - 本地 CSS 样式表未链接

javascript - 使用 jQuery 更改路径上的 SVG 描边

html - 具有四个 div 的 Flex 容器,需要三列,第二列有两行

html - 将 css 赋予复选框

internet-explorer - Firefox 可以/是否会为自动调整宽度的 div 触发调整大小事件?

internet-explorer - SVG 的 node.getScreenCTM() 方法在 IE 9 中失败

javascript - JQuery 从文本框隐藏/显示

javascript - 如何制作下拉菜单行为?

javascript - React Native - 创建形状的 flex 边缘

internet-explorer - 我们应该不再支持 IE6 了吗?