遮罩CSS中的透明文本(跨浏览器，不是IE-6或更低版本)

Question

我需要的是一个在背景图像上填充透明文本的黑盒。

请参阅此示例：

​

这个是可能的吗？如果是这样，我该怎么做呢？

Answer 1

目前还没有跨浏览器的解决方案，似乎只有webkit支持掩码。

-webkit-mask-image: url(/path/to/mask.png);

http://trentwalton.com/2011/05/19/mask-image-text/

Answer 2

这里有一个很好的指南，向你展示了你所需要的。

http://www.silenceit.ca/2011/03/11/css-gradients-and-webkit-image-masks-on-text/

然而，与所有的alpha掩码一样，解决方案恐怕不是完全跨浏览器兼容的！