如何使用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);
}

DEMO：http://jsfiddle.net/gnoyubwc/

Answer 2

您可以使用photoshop并创建剪贴蒙版。你会得到你想要的！