Мне нужен черный ящик, заполненный прозрачным текстом поверх фонового изображения.
Смотрите этот пример:
Возможно ли это? Если так, как я могу это сделать?
Кросс-браузерного решения пока нет, похоже, только webkit поддерживает маски.
-webkit-mask-image: url(/path/to/mask.png);
http://trentwalton.com/2011/05/19/mask-image-text/
Вот отличное руководство, показывающее, что вы хотите именно то, что вам нужно.
http://www.silenceit.ca/2011/03/11/css-gradients-and-webkit-image-masks-on-text/
Однако решение, как и для всех альфа-масок, не полностью совместимо с браузерами. Боюсь!
