css - 如何使用 css 创建纹理效果？

Question

你可以在这里看到它http://qunitjs.com/并在这里分解http://jsfiddle.net/xMwT8/8/ *edit ( http://jsfiddle.net/xMwT8/9/ )

链接可用

• 这里
• 这里
• 这里
• 这里

我正在尝试将图像用作上面带有叠加颜色的纹理，或者与图像结合以融入微妙的纹理。它可以通过渐变来完成（就像我发布的第一个和第二个链接一样）。我不明白为什么它不能只使用颜色（第二个链接）。

Answer 1

我想你是在问为什么你不能用像#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( ... )没有它是一种颜色，所以它使用图像和颜色作为后备