设置转换属性后，CSS 模糊滤镜无法在边缘工作

Question

如标题所示，当设置了变换属性时，模糊滤镜在 Edge 中不起作用。下面的 fiddle 演示了这一点。

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>

删除变换属性后，模糊效果很好。它在 Chrome 和 Firefox 中也能正常工作。这是 Edge 中的错误吗？

两者都是transforms和 filters应该在我正在运行的 Edge 15 上得到支持。

Answer 1

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

这应该有效:

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