设置“变换”属性时CSS模糊过滤器在边缘中不工作

正如标题所示，设置“变换”属性时，“模糊过滤器”在“边”中不起作用。下面的小提琴说明了这一点

#内容背景{
显示：块；
位置：固定；
排名：0；
左：0；
身高：100%；
宽度：100%；
背景：url（“https://i.imgur.com/qfGEt3o.jpg）无重复顶部中心固定；
背景尺寸：封面；
滤镜：模糊（5px）亮度（60%）；
}

Internet Explorer、Edge 12或Safari 5.1及更早版本不支持筛选器属性

---

换句话说，它只适用于Edge 13或更高版本。

如果我没记错的话，这是Edge中的一个bug

这应该起作用：

#content-background {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: url("https://i.imgur.com/qfGEt3o.jpg") no-repeat top center fixed;
    background-size: cover;
    transform: scale(1.03)
}

#content-background::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: url("https://i.imgur.com/qfGEt3o.jpg") no-repeat top center fixed;
    background-size: cover;
    filter: blur(5px) brightness(60%);
}

---

我跑了15英里。此外，模糊过滤器本身也能正常工作。该问题仅在同时设置transform属性时才会出现。这是可行的，但在Edge上仍会保留如中所示的未模糊轮廓。我认为另一种解决方案是预先在图像上应用过滤器。