title: Can I do knock-out/punch-through transparency with CSS fonts?
body: <p>I would like to know if there is any way I can apply 100% transparency to text so that we can see the background picture of the page within the characters in the text.</p>
  
  <p>i.e. imagine I’ve got a <code>&lt;div&gt;</code> with a white background, and a background image on <code>&lt;body&gt;</code>. I’d like to set the text inside the <code>&lt;div&gt;</code> so that the background image on <code>&lt;body&gt;</code> can be seen through the text, despite the white background on the <code>&lt;div&gt;</code>.</p>
  
  <p>I could probably use an inverted font but I would prefer a better way to do it if there is one.</p>