解决父级使用backdrop-filter后，子级再使用不生效

发现果如父级使用了backdrop-filter，再在子级使用就不生效，最后发现可以使用伪类解决before

代码如下：

.header {
    height: 1rem;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 99;
}
.header::before {
    content: "";
    background: rgba(255, 255, 255, 0.918);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-backdrop-filter: blur(.1rem);
    backdrop-filter: blur(.1rem);
}
.header .nav-menu-box {
    -webkit-backdrop-filter: blur(.1rem);
    backdrop-filter: blur(.1rem);
}