title: CSS opacity - background colour
body: <p>I'm trying to get a black div's opacity to be .5 but the content of the div (h3 tag) to be opactiy 1. So the white text is still white, with it's opacity not changed/untouched.</p>
  
  <pre><code>&lt;div style="background-color:red;"&gt;
  &lt;div style="width:470px;color:white;margin-top:170px;"&gt;
  &lt;div style="background-color:black;opacity:0.5;"&gt;
  &lt;h3 style="color:white;opacity:1;"&gt;Heading &lt;/h3&gt;&lt;p&gt;tagline here&lt;/p&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/fpnxW/" rel="noreferrer">JSFiddle</a></p>
  
  <p>Any suggestions much appreciated.</p>