Text Pattern Overlay

Question

Я хотел бы наложить текст с рисунком.

текущий текст:

желаемого результата:

Вот что я пробовал:

<p style="background: url(http://i.imgur.com/kODqYvS.jpg);>International experiance</p> 

Прямая ссылка на шаблон изображения:

http://i.imgur.com/kODqYvS.jpg

Answer 1

Здесь вы идете, как именно вы хотите его: DEMO

<p class="bnd">International experiance</p> 

.bnd 
{ 
    font-size: 48px; 
    font-weight: bold; 
    background: url(http://i.imgur.com/kODqYvS.jpg); 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent; 
} 

Answer 2

Fiddle

h1{color: white; /* Fallback: assume this color ON TOP of image */ 
    background: url(http://i.imgur.com/kODqYvS.jpg) ; 
    -webkit-background-clip: text; 
-webkit-text-fill-color: transparent;}