在 Quirks 模式下用 css in IE11 运行制作灰度图

Question

我需要将内部遗留 Web 应用程序上的一些彩色图像转换为灰度图像。我认为最简单的方法是使用 CSS 过滤器。由于组策略，此应用程序的用户通过 IE11 访问它。此应用程序还必须运行使用 Quirks (IE5) 文档模式，否则会发生疯狂的事情（渲染问题、javascript 不工作等）。

我尝试了以下代码（以及 here, here, and here 中的代码）

img.desaturate {
    -webkit-filter: grayscale(100%);
    filter: gray;
    filter: grayscale(100%);
    filter: url(desaturate.svg#greyscale);
}

没有效果。鉴于此标准（IE11 运行 IE5 文档模式），我可以做些什么来获取这些灰度图像，如果可以，怎么做？

注意：重新设计应用程序以使用更多现代技术目前没有资助，将来也不会。

注意：使用一些脚本将每张图像转换为灰度并保存输出也不是一种选择，因为有数百万张图像可用。

Link 以显示彩色 Google 徽标的示例：https://jsfiddle.net/bq2mw5ya/2/

Answer 1

实际上我把我的评论作为反馈的答案：

IE 特定过滤器应放在最后，因此不会被下一个过滤器覆盖。

Activex也应该允许运行

当然，它应该处于怪癖模式...

img.desaturate {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: url(desaturate.svg#greyscale);
    filter: gray;
}

Make a grayscale image with css in IE11 running in Quirks mode