title: Making font color same as that of background image
body: <p>I am designing a webpage with a background-image. There is a white box in the center (using div) and inside the white box is some text. What I want to do is make the text color the same as that of the background of the body. If I set the color attribute of the text to transparent , it disappears since there is a white div. How do I do this?</p>
  
  <p>This is the link to JSFiddle: <a href="http://jsfiddle.net/FpJpV/" rel="nofollow">http://jsfiddle.net/FpJpV/</a></p>
  
  <p>The html is</p>
  
  <pre><code>&lt;div&gt;
      &lt;h1&gt;Title&lt;/h1&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The CSS is </p>
  
  <pre><code>body {
      background-color: red;
      font-family: sans-serif;
  }
  
  div {
      width: 200px;
      background-color: white;
      margin: auto;
      text-align: center;
      padding: 1em;
  }
  </code></pre>
  
  <p>Note: In the JSFiddle, i used a red background for simplicity but in the real webpage, the background of the body is an image.</p>