Search code examples
htmlcssmasking

Masking text for transparency in CSS (cross-browser, not IE-6 or lower)

What I need is a black box filled with transparent text over a background image.

See this example: Example

Is this possible? If so, how can I do it?

Solution

  • There is no cross-browser solution yet, only webkit seems to support masks.

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

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