title: Disable opacity on child element when parent element has opacity
body: <p>I have a <strong>container</strong> with an opacity of 0.8. At the background, I have an image that shines through the content div.
  Now, I have a photo of my client in this <strong>container</strong>. The problem is, that it uses the opacity of the parent element as the opacity for this image is just relative to the container and not to the body.</p>
  
  <p>I have this code:</p>
  
  <pre><code>&lt;div id="contentContainer" style="background: #FFFFFF; opacity: 0.8"&gt;
      Content ...
      &lt;img src="..." style="opacity: 1.0" alt="Photo" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This does not work, as explained below.</p>
  
  <p>Has anybody an idea?</p>