如何在图像中包装文字？

Question

您好！任何人都可以解释一下，如何在HTML / CSS或HTML5 / CSS3 / JS中达到这种效果？

我的结果就是图像中的文字或背景上的文字一起不起作用。 使用图像作为剪贴蒙版。

示例：

变体one fiddle：

变体two fiddle：

变体三：

我需要，需要结合两个选项

如何在图像和文本背景中找到文本？非常感谢！

Links to jsFiddle code

Answer 1

一个简单的解决方案可能是使用-webkit-mask-image。