Прозрачный текст

[imakhortykh]

Все привет, есть такой простой пример https://jsfiddle.net/j807opr8/ , суть в том чтобы сделать текста блока "b" прозрачным, то есть что бы он стал цветом блока "a", то есть зеленым, можно сделать с помощью border-clip text, но кроссбраузерность хромает, да фон нужно задавать снова, может кто знает более стандартные приемы? заранее благодарен.

[Igor Schnaider]

Если в самом блоке 'a' текста нет, можно color вместо background задавать и наследовать его.

jsfiddle.net/k65pq92o/

А еще лучше вынести в переменную. Тут кроссбраузерность немного страдает в случае с IE/Edge, но зато код будет более понятным. Да и через postcss-css-variables можно прогнать всегда :-)

[Switch74]

что-то мне подсказывает, что это не прозрачный текст
а именно прозрачный предполагаю что можно сделать через js+canvas например или svg

[imakhortykh]

16 часов назад, Igor Schnaider сказал:

Если в самом блоке 'a' текста нет, можно color вместо background задавать и наследовать его.

jsfiddle.net/k65pq92o/

А еще лучше вынести в переменную. Тут кроссбраузерность немного страдает в случае с IE/Edge, но зато код будет более понятным. Да и через postcss-css-variables можно прогнать всегда :-)

Задумывалось, что background будет изображение в этом случае, данный метод думаю не сработает(

[Igor Schnaider]

6 часов назад, imakhortykh сказал:

данный метод думаю не сработает(

Ну да, я неправильно вопрос понял.

@Switch74 предложил варианты для вашего случая, делайте так.