在背景封面图像上应用渐变

Question

我使用以下fiddle with background image作为封面（尝试找到最合适而不会扭曲图像）。

现在我想在此图片的顶部添加渐变，同时我也看到类似的问题，例如this我无法使其成功（渐变does not show up）。

有没有办法：

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

和渐变一起？

Answer 1

谢谢KingKing和Chris Hardie。感谢您的评论，我理解我做错了什么以及如何解决它。

所以第一个问题是我的url-image位于我的渐变之上，因此隐藏了它（感谢kingKing）。第二个问题是我需要渐变透明（谢谢Chris）。

所以这是一个solution。

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

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