Html 在背景覆盖图像上应用梯度

我有以下我正在使用的封面，试图找到最好的适合，而不扭曲的形象

现在我想在这张图片的顶部添加渐变，我也看到了类似的问题，比如我不能让它在渐变中工作

有没有办法做到：

background-size: cover;
background-position: center;
background-image: url(pathToImg);

---

还有梯度？

谢谢金金金和克里斯·哈迪。多亏了你的评论，我明白我做错了什么，以及如何修复它

所以第一个问题是，我的url图像位于我的渐变顶部，因此由于kingKing而将其隐藏。第二个问题是，我需要梯度是透明的，谢谢Chris

这里有一个例子

如果有人能给我一个更好的答案，我很乐意接受

background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1)), url(imga.jpg);

---

@你读过这个问题了吗？我已经表明，我研究了这个问题，并试图应用它的解决方案。我也证明了这个结果对我不起作用。所以我无法理解你链接的意思。你必须将线性渐变指定的渐变背景放在url指定的图像背景之前，但是渐变背景覆盖了图像，这里没有任何部分透明度，因为你不使用透明颜色作为颜色停止。背景色，因此，渐变被放置在背景图像下，这样你就不会在构建小提琴时看到渐变。您可以尝试将渐变应用于元素的：：after伪元素。我现在正在打电话，但如果有勇敢的人还没有接电话，我明天会去报到的。继续做类似的事情