CSS过滤器模糊定义的边缘在Microsoft Edge中无法正常工作

Question

Microsoft Edge令我头疼......

我尝试使用CSS3过滤器属性来模糊图像，但最终却没有模糊的边框。这个技巧似乎适用于除Microsoft Edge之外的所有浏览器，它将图像嵌套到应用了overflow：hidden的容器中，并缩放图像以隐藏模糊的边框。

这是我的代码：

＆＃13;

＆＃13;

.parent {
    width: 100px;
    height: 100px;
    overflow: hidden;
}
.child {
    -webkit-filter: blur(10px);
    -webkit-transform: scale(1.4);
}

＆＃13;

<div class="parent">
    <img class="child" src="http://placekitten.com/100" />
</div>

<br>

<div class="parent">
    <div class="child" style="width:100px;height:100px;background:#000;"></div>
</div>

＆＃13;

＆＃13;

＆＃13;

这就是Chrome所做的，而且它正是我想要的：

但是，Edge就是这样做的：

我无法阻止它这样做。我已经尝试了很多东西......对.child应用负边距，将translate3d应用于它，这似乎都不起作用。

有人知道如何解决这个问题吗？