IE的反转颜色

Question

我试图将颜色反转为图像。它适用于Chrome和Firefox，但不适用于IE11。这是我用于图像的CSS代码。

.img {
    -webkit-filter: invert(100%);
    -o-filter: invert(100%);
    -moz-filter: invert(100%);
    -ms-filter: invert(100%);
    filter: invert(100%);
}

我找到了answer我问的同一个问题，但它没有说明如何实现它。这是代码：

function invert_img(rgb) {
  rgb = [].slice.call(arguments).join(",").replace(/rgb\(|\)|rgba\(|\)|\s/gi, '').split(','); //locate different values of rgb
  for (var counter = 0; counter < rgb.length; counter++)
    rgb[counter] = (counter === 3 ? 1 : 255) - rgb[counter];
  return rgb.join(", ");
}

console.log(
  invert_img("rgb(150, 0, 0)"), // 0, 150,150
  invert_img("12, 0, 0"), // 0, 12, 12
  invert_img(25, 0, 0) // 0, 25, 25
);

我尝试将它放在ASP.NET母版页头部分的脚本标记之间。我尝试将JS代码从invert_img更改为img，但它没有用。请让我知道怎么做。