title: CSS Background Opacity
body: <p>I am using something similar to the following code: </p>
  
  <pre><code>&lt;div style="opacity:0.4; background-image:url(...);"&gt;
      &lt;div style="opacity:1.0;"&gt;
          Text
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I expected this to make the background have an opacity of 0.4 and the text to have 100% opacity. Instead they both have an opacity of 0.4. </p>