title: flood a div inside another div and set opacity
body: <p>Say I have a html object tree as follows:</p>
  
  <pre><code>&lt;div&gt;
      &lt;p&gt;Text 1&lt;/p&gt;
      &lt;p&gt;Text 2&lt;/p&gt;
      &lt;div&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want the css to flood the inner div inside of the outer one. However I want the text etc to appear intact. My idea is I can set a bg color and opacity to the inner div and not affect the text. How do I do this?</p>
  
  <p>EDIT: just to emphasize on my point:
  I could very well set the opacity on the outer div, but the text inside will also fade. I don't want this to happen</p>