CSSの透明化のためのマスキングテキスト（クロスブラウザー、IE-6以下ではない）

Question

私が必要とするのは、背景画像上に透明なテキストで塗りつぶされたブラックボックスです。これが可能である

：

は、この例を参照してください？もしそうなら、どうしたらいいですか？

Answer 1

まだクロスブラウザソリューションはありません。ウェブキットだけがマスクをサポートしているようです。ここで

-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/

しかし、すべてのアルファマスクを持つなどの溶液は、完全にクロスブラウザの互換性Imは恐れてイマイチ！