Html 背景渐变工作但不显示图像

我在这方面遇到了一些问题，我正在制作一个简单的统计跟踪网站，

。body bg image

用于我的主页

我希望我的背景是渐变色，而不是纯色，所以我试着这样做，正如你在下面看到的。它确实显示渐变，但不再显示图像

.body-bg-image {
    background: linear-gradient(
        to top,
        rgba(196, 145, 2, 1) 0%,
        rgba(149, 48, 54, 1) 87%
    )
    fixed,
    /* this image doesn't show, 
    it works if I have the background as a color but not as a gradient */
    url("./assets/apexrevanant.png") top center no-repeat;
}

它以前是这样工作的，只有纯色原色和图像：

.body-bg-image {
    background: var(--primary-color) url("./assets/apexrevanant.png") top center no-repeat;
}

---

有了

背景

速记，订单很重要。

如果在渐变之后声明图像，则“线性渐变”会向图像添加覆盖。因为你有纯色，所以它不可见

如果将颜色设置为较低的不透明度，您应该能够看到它：

正文{
高度：100vh；
背景：线性梯度（到顶部，rgba（196,145,2,0.5）0%，rgba（149,48,54,0.5）87%）固定，url（'https://mobiledevmemo.com/wp-content/uploads/2014/12/173572251_Chocolate-chip-cookie.jpg’）上止点不重复；
背景尺寸：自动100%；
}

我觉得不错，没问题。也许你应该多描述一下你的问题，给我们看一些代码。很抱歉，添加了一些上下文并修复了代码，我不知道如何使用stackoverflow。没问题，但是你看，更好的描述和一些代码，你很快就有了一个很好的答案。