Css Internet Explorer的过滤器放置阴影

我在一个弯曲的png上使用了

drop shadow

过滤器，它在IE以外的任何浏览器中都能很好地工作

请查看此处的复选框： （位于“瑜伽序列生成器3合1:”下方的三个方框）

这是我的密码：

.curved::after {
    content: "";
    -webkit-filter: drop-shadow(0px 6px 3px rgba(0,0,0,0.12));
    filter: drop-shadow(0px 6px 3px rgba(0,0,0,0.12));
    width: 100%;
    display: inline-block;
    height: 40px;
    position: absolute;
    bottom: -39px;
    left: 0;
}

我需要在IE中复制相同效果的帮助

我试过了

filter: progid:DXImageTransform.Microsoft.Shadow

及

---

但是没有成功：/

为什么不使用

框阴影

？以圆为例：

.circle{
宽度：100px；
高度：100px；
边界半径：50%；
背景色：#3f0；
盒影：0px 5px 5px#8888888；
}

---

为什么不使用

框阴影

？以圆为例：

.circle{
宽度：100px；
高度：100px；
边界半径：50%；
背景色：#3f0；
盒影：0px 5px 5px#8888888；
}

---

您可以将SVG过滤器用于IE。我已经用IE10进行了测试

div
{
宽度：32px；
线高：32px；
文本对齐：居中；
边界半径：50%；
背景：4af；
过滤器：url（#阴影）；/*设置SVG过滤器*/
}

A

您可以将SVG过滤器用于IE。我已经用IE10进行了测试

div
{
宽度：32px；
线高：32px；
文本对齐：居中；
边界半径：50%；
背景：4af；
过滤器：url（#阴影）；/*设置SVG过滤器*/
}

A

哪个版本的IE需要支持？IE 10+11应该可以。。。好吧，由于一般情况下不支持过滤器，我建议您阅读本文，但不要抱太大希望。IE的哪个版本需要支持？IE 10+11应该可以。。。嗯，由于一般情况下不支持过滤器，我建议您阅读本文，但不要抱太大希望。带边框半径的box-shadow可以工作，但不会产生我想要的[精确的]曲率。因此，首选原始问题的解决方案。它不适用于具有透明背景框阴影和边界半径的图像，但不会产生我想要的[精确]曲率。因此，首选原始问题的解决方案。它不适用于具有透明背景的图像

filter: progid:DXImageTransform.Microsoft.DropShadow