如何使用CSS3在文本中插入图像而不是颜色？

Question

我有一个白色的文本标题。 我想在图像上放置图像而不是白色。 文本足够大，可以显示将要填充的图像。

这基本上就是我想要的。.文本后面有完全不同的背景图像，我想在文本上填写另一张图像。

Answer 1

您需要使用background-clip来掩盖文本。 解决方法如下：

<h1>Shashank Jaiswal</h1>
h1 {
    font-family: Arial;
    font-size: 5em;
    text-align: center;

    background-image: url(http://tn.clashot.com/thumbs/3391302/58941884/thumb_w800.jpg);

    -webkit-background-clip: text;
    background-clip: text;

    color: rgba(0,0,0,0);
}

演示： http : //jsfiddle.net/gnoyubwc/

Answer 2

您可以为此使用photoshop并创建剪贴蒙版。 您将得到您想要的一切！