Zym*_*mus 4 css internet-explorer-11
我需要将内部旧版Web应用程序上的一些彩色图像转换为灰度图像。我认为最简单的方法是使用CSS过滤器。由于组策略,此应用程序的用户通过IE11访问它。该应用程序还必须使用Quirks(IE5)文档模式运行,否则会发生疯狂的事情(渲染问题,javascript无法正常工作等)。
我已经尝试了以下代码(以及来自here,here和here的代码)
img.desaturate {
-webkit-filter: grayscale(100%);
filter: gray;
filter: grayscale(100%);
filter: url(desaturate.svg#greyscale);
}
Run Code Online (Sandbox Code Playgroud)
没有任何效果。在此条件下(以IE5文档模式运行IE11),我可以做些什么来获取这些灰度图像,如果可以,怎么办?
注意:重新设计应用程序以使用更多现代技术目前尚无资金支持,并且将来也不会。
注意:由于有数以百万计的图像可用,因此使用某些脚本将每个图像转换为灰度并保存输出也不是一种选择。
链接到显示彩色Google徽标的示例:https : //jsfiddle.net/bq2mw5ya/2/
实际上,我将我的评论作为反馈的答案:
IE专用过滤器应排在最后,因此不会被下一个过滤器覆盖。
Activex也应允许运行
当然,它应该处于怪异模式...
img.desaturate {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
filter: url(desaturate.svg#greyscale);
filter: gray;
}
Run Code Online (Sandbox Code Playgroud)