CSS属性过滤器：反转（80％）不与IE一起使用

Question

我有一个div容器，如下所示：

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%);
}

但是反转不适用于IE浏览器。而它正在与其他浏览器如Chrome合作。

JS Fiddle:

Answer 1

IE中不支持反转

caniuse.com

Answer 2

尝试提供可能有帮助的背景颜色