您可以在此处查看http://qunitjs.com/并在此处细分http://jsfiddle.net/xMwT8/8/ *编辑（http://jsfiddle.net/xMwT8/9/）
链接可用
我正在尝试将图像用作上面覆盖颜色或与图像组合的纹理，以融入细微纹理。它可以用渐变来完成（就像我发布的第一个和第二个链接一样）。我不明白为什么它只能用一种颜色（第二个链接）。
答案 0 :(得分：3)
我想你在问为什么你不能用#E4E2D6之类的纯色做这件事。简单的解释是它是 实体 颜色：）
jsfiddle示例使用的rgba(255, 0, 0, 0.3)不是纯色，它是70％透明的红色（a == 0.3表示它只有30％的不透明度）
如果您想使用#E4E2D6之类的内容，请查看Convert RGB to RGBA over white并将其转换为相同颜色的rgba(87, 74, 0, 0.16)（显示为白色时，但主要是透明）并允许背景通过。
好的，只看了/9小提琴（仅供参考，您可以更改原始链接，而不是像这样进行编辑）。似乎这不适用于
background: rgba( ... ), url( ... );
为什么呢？因为您只能拥有多个背景图片。就浏览器而言，-webkit-linear-gradient 是图像，因此它使用两者。没有它的rgba( ... )是一种颜色，因此它使用图像和颜色作为后备