css - 背景附件固定在 Mozilla Firefox 上，不像其他附件？

Question

我制作了一个带有垂直渐变背景（0度）和背景附件属性的盒子样式：固定；. 当我滚动滚动颜色变化时的结果。

（如果我的盒子在顶部 0，我有我的颜色 A，如果它在底部 0，我有我的颜色 B，中间有所有中间阴影，其长度与滚动成正比）

它在 chrome、bing 上完美运行...

但不是在Mozilla上！

所以我不知道该怎么办？

.myBox{
    position: relative;
    }
.myBox::before{
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(123 50 71);
    background: linear-gradient(0deg, var( --gradient_a) 0%, var(--gradient_b) 100%);
    background-attachment: fixed;
}