Internet Explorer CSS 过滤器

Question

有什么方法可以让这个 CSS 类在 Internet Explorer 11 中工作吗？

.inactive {
    filter: contrast(0.5) sepia(100%) hue-rotate(116deg) brightness(1.2) saturate(0.28);    
}

我尝试使用 SVG 灰度滤镜，但它不起作用，也破坏了常用浏览器中的整个功能。“避免使用 IE11”，即使是最好的建议，在这种情况下也不是合适的解决方案

Answer 1

使用 -ms-high-contrast 创建媒体查询，在其中放置 IE 10 和 11 特定的 CSS 样式。由于 -ms-high-contrast 是 Microsoft 特定的（并且仅在 IE 10+ 中可用），因此它只会在 Internet Explorer 10 及更高版本中进行解析。

\n\n

-ms-high-contrast 支持两个值：none 和 active。因此，无论 property\xe2\x80\x99s 设置如何，要以 IE10+ 为目标，请使用以下媒体查询：

\n\n

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n/* IE10+ CSS styles go here */\n}\n

\n