目前仅使用 CSS 无法实现此目的。但是，您可以在基于 webkit 的浏览器（Safari、Chrome 等）中使用 CSS 扩展来执行此操作，并在其他支持 SVG 的现代浏览器中通过 SVG 进行模拟。
基于 webkit 的浏览器的示例标记：
<!DOCTYPE html>
<html><head>
<title>Foo</title>
</head><body>
<div class="mask">
<h1>Masked Text</h1>
</div>
</body></html>
和CSS：
.mask {
font-size:90px;
font-family:Arial, sans;
font-weight:700;
background:white url(/image.jpg) repeat;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
}
请参阅此处的工作示例： http: //jsfiddle.net/Q9JWM/（仅适用于 Chrome 和 Safari）
这里还有一个SVG模拟实验来实现蒙版文本效果。