CSS:-ms-filter 在 angular 4 中无法在 IE 上运行

CSS: -ms-filter not working on IE in angular 4

过滤器在使用 angular 4 的 IE 浏览器中不起作用。 这是我的 css 代码:

.style{-ms-filter: grayscale(50%); -ms-filter: brightness(70%);}
  1. css filter 的现代定义在 IE8 中不起作用。 IE8 确实有较旧的专有 MS 过滤器,但它们并不相同。
  2. 一个选择器不能有 2 个同名的行属性。这不是 CSS 的工作方式。在这种情况下,第二个 -ms-filter 将覆盖第一个,因此只使用 brightness(70%)
    解决方案,按照MSDN,是用逗号分隔多个值。

除此之外,显然 IE10 和 IE11 不支持旧的 MS 版本和较新的标准版本,因此您在任何版本中都不走运。

您可以使用

.style {filter:gray}

在 IE8 中将灰度设置为 100%,但我还没有找到 brightness 的等效项,抱歉。