title: CSS3 Transformation - neutral Background under transformed div
body: <p>My question refers to the following fiddle: <a href="http://jsfiddle.net/zbvrp/1/" rel="nofollow">JSFiddle</a></p>
  
  <pre><code>&lt;body&gt;
      &lt;div class="transform"&gt;Content&lt;/div&gt;
  &lt;/body&gt;
  
  body {
  background-color: rgb(255, 255, 255);
  background-image: url("http://i.imgur.com/aQLvU9B.png");
  }
  </code></pre>
  
  <p>If you hover over die content div a matrix tranformation is activated. I want the background behind this transformed div white and not showing the body background.</p>
  
  <p>Any idea how I can do that without nesting the transformed div into another div? I tried to play around with :before and :after but found no working solution :(</p>
  
  <p>Thanks and Regards,
  Hendrik</p>