可以使用CSS3为文本添加背景图像吗？

Question

我想在文字上添加背景图片，但我希望只有文字有背景图片而不是所有div

.class {
background-image: url('');
}

<div class="class">
 <p> Site Name </p>
</div>

但我不知道是否可能......我试过但没有 我可以在div而不是文本

添加背景图像

也许我可以使用

 background-clip

???

我希望你能帮助我......

抱歉我的英语 非常感谢！

Answer 1

这可以解决您的问题。

.class p{
    font-size:50pt;
    color: white;
    background: url('http://www.planwallpaper.com/static/images/canberra_hero_image.jpg') no-repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

现场演示https://jsfiddle.net/z2gcy5ym/1/