css，透明文本与不透明背景

Question

是否可以在彩色背景上书写透明文字，如下图所示，仅限css？

由于

Answer 1

没有

因为背后仍有白色背景，您必须在文本下剪切图层。

我认为最佳解决方案是使用图像。

Answer 2

This page显示了一种使用html中的内联svg将图像用作文本填充模式的方法。不过，我想它并不完全是你所追求的。

Answer 3

你需要这个......

html

 <h1>SAMPLE TEXT</h1>

和css

h1
{
 background: red;
 -webkit-text-fill-color: transparent; //for chrome only
}