使用CSS的文本轨道遮罩

Question

所以，我正在为我的脑海中编写一些东西和想法。我无法深究它，并弄清楚如何去做，所以我希望别人也有兴趣。 ：）

是否可以在CSS中使用文本进行轨道遮罩（如后效果）。因此切割div的文本以查看底部div的背景。像这样：

甚至可以仅使用代码，而不使用图像。所以，谢谢，最好的问候。

Answer 1

是的但仅适用于webkits

有趣的是：
http://www.hongkiat.com/blog/css-masking/

.backgroundclip h1 {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background: url(http://bit.ly/1hRsB2d) no-repeat;
}

h1 {
  color: red;
}

演示（正如评论中所述）：
http://css-tricks.com/examples/ImageUnderText/