是否有一种直接的方法来针对 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/