Маскіроўка тэксту для забеспячэння празрыстасці ў CSS (крос-браўзэр, ня IE-6 або ніжэй)

Што мне трэба, гэта чорны скрыню, напоўнены празрыстым тэкст над фонавым малюнкам.

See this example: Example

Ці магчыма гэта? Калі так, то як я магу гэта зрабіць?

4
дададзена аўтар biziclop, крыніца
Вы гатовыя выкарыстоўваць JavaScript?
дададзена аўтар thirtydot, крыніца

2 адказы

Там няма рашэння кроса-браўзэра яшчэ толькі WebKit, здаецца, падтрымлівае маску.

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

http://trentwalton.com/2011/05/19/mask-image- тэкст/

3
дададзена

Вось выдатны гід, паказваючы, вы проста жадаеце што вам трэба.

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

Аднак рашэнне, як і ўсе альфа-маскі, хіба цалкам крос браузерный я баюся!

1
дададзена