将模糊CSS过滤到Internet Explorer中

Question

我想在div中制作一个背景图像。为此，使用模糊过滤器，但在Internet Explorer上行不通。

我尝试过：

.me-blur {
  width: 100px;
  height: 100px;
  background-color: red;
  -webkit-filter: blur(1px);
  -moz-filter: blur(1px);
  -ms-filter: blur(1px);
  -o-filter: blur(1px);
  filter: blur(1px);
  filter: Blur(Strength=20);
  filter: progid:DXImageTransform.Microsoft.blur(pixelradius=20);
}

<div class="me-blur">
</div>

有人知道这是怎么做的吗？

注意：在Chrome和Mozilla Works中。

Answer 1

在使用新属性之前，请检查可行性。IE不支持。

caniuse