Question

我正在尝试使主题页脚与http://focuslabllc.com/journal上的主题页脚类似。

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

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

也许更简单的说，你是否可以只有一种颜色的透明线性渐变背景？

Answer 1

是的，绝对的。您需要将multiple background images（使用逗号分隔声明，首先是顶层）的语法与RGBA颜色渐变的语法相结合。我喜欢使用在线生成器来制作渐变，例如http://colorzilla.com/gradient-editor/。

以下是一个例子：

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