Css 一种颜色完全透明的线性渐变？

我正试图使主题页脚类似于上

但是，我想使用图像，而不是左侧部分的颜色

有没有一种方法可以使用css对背景进行分层，以便底层是一个图像，然后是一个渐变背景，其一端是透明的，从60%开始着色（向右）

---

也许更简单一点，你能有一个只对一种颜色透明的线性渐变背景吗？

是的，绝对可以。您需要将（带逗号的单独声明，首先是顶层）的语法与RGBA颜色渐变的语法相结合。我喜欢使用在线生成器制作渐变，例如

以下是一个例子：

background: linear-gradient(to right, rgba(167,207,223,0) 0%,rgba(35,83,138,0.95) 100%), url(http://placekitten.com/610/600);

---

这里有一个现场演示：

是的，绝对是。您需要将（带逗号的单独声明，首先是顶层）的语法与RGBA颜色渐变的语法相结合。我喜欢使用在线生成器制作渐变，例如

以下是一个例子：

background: linear-gradient(to right, rgba(167,207,223,0) 0%,rgba(35,83,138,0.95) 100%), url(http://placekitten.com/610/600);

---

这里有一个现场演示：

是的，绝对是。您需要将（带逗号的单独声明，首先是顶层）的语法与RGBA颜色渐变的语法相结合。我喜欢使用在线生成器制作渐变，例如

以下是一个例子：

background: linear-gradient(to right, rgba(167,207,223,0) 0%,rgba(35,83,138,0.95) 100%), url(http://placekitten.com/610/600);

---

这里有一个现场演示：

是的，绝对是。您需要将（带逗号的单独声明，首先是顶层）的语法与RGBA颜色渐变的语法相结合。我喜欢使用在线生成器制作渐变，例如

以下是一个例子：

background: linear-gradient(to right, rgba(167,207,223,0) 0%,rgba(35,83,138,0.95) 100%), url(http://placekitten.com/610/600);

---

这里有一个现场演示：

谢谢你的快速回复，凯蒂！谢谢你的快速回复，凯蒂！谢谢你的快速回复，凯蒂！谢谢你的快速回复，凯蒂！