Html CSS视差表现异常，背景被切断

我试图在这个网站上设置CSS视差，但是我们根本不能改变它的总体结构

这是一个你可以在财务专家小组上看到这个问题的例子。除了背景被切掉外，它工作正常，似乎只是面板的高度，但是它应该更高，这样你在向下滚动时看不到顶部

我的代码的简要概述：

html{
文本呈现：优化易读性！重要；
-webkit字体平滑：抗锯齿！重要；
溢出：隐藏；
}
.视差{
透视图：1px；
高度：100vh；
溢出x：隐藏；
溢出y：自动；
&__层{
位置：绝对位置；
排名：0；
右：0；
底部：0；
左：0；
&--基地{
变换：translateZ（0）；
}
&--背{
变换：translateZ（-1px）标度（2）；
}
}
}
身体{
字体系列：@alpha字体；
字体大小：16px；
字体大小：400；
背景：@次色；
颜色：@文本颜色；
.视差；
}
金融{
填充：75px0；
高度：320px；
溢出：隐藏；
.视差层-背面{
变换：translateZ（-1px）标度（2）；
背景：url（'@{dealer img}/theme/finance-bk.jpg'）中心不重复；
背景尺寸：封面；
}
.集装箱{
溢出：可见；
}
}

二手车金融专家
我们也与商业街贷款机构和专业汽车金融公司有关系，这就是为什么我们帮助数百名客户为他们的预算获得了最佳融资交易的原因

每月预算：

增加此类的高度

行块.finance

当前它被设置为

320px

背景位置中心导致图像变暗这并不能解决问题。它只是在内容下方添加空白。视差背景应如下所示：