CSS property filter: invert(80%) not working with IE

Question

I have a div container as below:

HTML:

<div></div>

CSS:

div {
    border: 1px solid red;
    height: 100px;
    width 200px;
    background-color: red;
    -webkit-filter: invert(80%);
    -moz-filter: invert(80%);
    -o-filter: invert(80%);
    -ms-filter: invert(80%);
}

But the inversion is not applying for the IE browser. Whereas it is working with with other browsers like chrome.

JS Fiddle:

Answer 1

Invert is not supported in IE

caniuse.com

Answer 2

try giving the background-color that may help