在背景封面圖像上應用漸變

Question

我在下面的小提琴中使用背景圖像作為封面（試圖找到最合適的圖像而不扭曲圖像）。

現在，我想在這個圖片上添加漸變，也是我看像一個類似的問題， 這個我不能讓它工作（梯度不出來 ）。

有沒有辦法：

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

加上漸變？

Answer 1

謝謝KingKing和Chris Hardie。 感謝您的評論，我了解我做錯了什么以及如何解決。

因此，第一個問題是我的網址圖片位於漸變之上，因此將其隱藏（感謝kingKing）。 第二個問題是我需要漸變才能透明（感謝Chris）。

所以這是一個解決方案 。

如果有人能給我一個更好的答案，我很樂意接受。

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