【问题标题】:How do you create a texture effect with css?如何使用 css 创建纹理效果?
【发布时间】:2012-10-06 01:52:39
【问题描述】:

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

链接可用

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

【问题讨论】:

    标签: css


    【解决方案1】:

    认为您在问为什么不能使用像#E4E2D6 这样的纯色来做到这一点。简单的解释是它是 solid 颜色 :)

    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( ... ) 没有它是一种颜色,所以它使用图像和颜色作为后备

    【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2013-06-10
    • 2018-02-19
    • 2016-07-30
    • 2014-01-09
    • 1970-01-01
    • 1970-01-01
    • 2020-09-18
    相关资源
    最近更新 更多