How to make “see through” text?

Question

I have body with a background-image and a div with background-color as white.

I\'m trying to make the text on tha

Answer 1

Try clipping for your #content, assign the same background file (needs to be repositioned eventually):

#content {
 color: rgba(255,255,255,.5);  /* Fallback: assume this color ON TOP of image */
 background: url(image.jpg) no-repeat;
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
}

Source: http://css-tricks.com/image-under-text/