【发布时间】：2014-05-28 02:18:09
【问题描述】：
我正在尝试使主题页脚类似于http://focuslabllc.com/journal 上的页脚。
但是，我想使用图像而不是左侧部分的颜色。
有没有办法使用 css 对背景进行分层，以便底层是图像，然后在其上方的渐变背景将在一端透明并从 60% 开始（向右）着色？
也许更简单，你能有一个只有一种颜色透明的线性渐变背景吗？
【问题讨论】：
标签： css background gradient
【发布时间】：2014-05-28 02:18:09
【问题描述】：
是的，当然。您需要将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);
这是一个现场演示：http://codepen.io/KatieK2/pen/pHkFe
【讨论】：
-
感谢凯蒂的快速回复！