设置变换属性时，CSS模糊过滤器在边缘不起作用

Question

正如标题所建议的那样，设置变换属性时，模糊过滤器在边缘不起作用。下面的小提琴证明了这一点。

https://jsfiddle.net/wkjvwgyy/1/

#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;
    filter: blur(5px) brightness(60%);
}

<div id="content-background" style="transform: scale(1.03)"></div>

在删除转换属性时，模糊工作正常。它在铬和Firefox中也可以正常工作。这是边缘中的错误吗？

我正在运行的Edge 15上应支持变换和过滤器。

Answer 1

如果我没记错的话，这是边缘的错误。

这应该有效：

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

Answer 2

Internet Explorer，Edge 12或Safari 5.1和更早的过滤器属性不支持该过滤器属性。

https://www.w3schools.com/cssref/tryit.asp?filename = trycss3_filter_blur

换句话说，它仅在边缘13或更高版本中起作用。