Это возможно , но пока только с браузерами на основе Webkit (Chrome, Safari, Rockmelt, что-либо, основанное на проекте Chromium.)
Фокус в том, чтобы иметь элемент в белом, который имеет тот же фон, что и тело, затем используйте -webkit- background-clip: text;
во внутреннем элементе, который в основном означает «не расширяйте фон за пределами текста» и используйте прозрачный текст.
section
{
background: url(http://norcaleasygreen.com/wp-content/uploads/2012/11/turf-grass1.jpg);
width: 100%;
height: 300px;
}
div
{
background: rgba(255, 255, 255, 1);
color: rgba(255, 255, 255, 0);
width: 60%;
heighT: 80%;
margin: 0 auto;
font-size: 60px;
text-align: center;
}
p
{
background: url(http://norcaleasygreen.com/wp-content/uploads/2012/11/turf-grass1.jpg);
-webkit-background-clip: text;
}