#html #css #masking
#HTML #css #маскирование
Вопрос:
Что мне нужно, так это черный ящик, заполненный прозрачным текстом поверх фонового изображения.
Смотрите этот пример: 
Возможно ли это? Если да, то как я могу это сделать?
Комментарии:
1. Webkit: webkit.org/blog/181/css-masks Старый IE: msdn.microsoft.com/en-us/library/ms532982 (v= VS.85).aspx
2. Вы готовы использовать JavaScript?
Ответ №1:
Пока нет кроссбраузерного решения, только webkit, похоже, поддерживает маски.
-webkit-mask-image: url(/path/to/mask.png);
Ответ №2:
Вот отличное руководство, показывающее, что вам нужно именно то, что вам нужно.
http://www.silenceit.ca/2011/03/11/css-gradients-and-webkit-image-masks-on-text/
Однако решение, как и со всеми альфа-масками, не полностью совместимо с браузером, я боюсь!