title: Opacity value in css
body: <p>Im trying to make the background of a bar have the opacity of 50% and the foreground text to not have any opacity at all here is my code</p>
  
  <p>html:</p>
  
  <pre><code>&lt;div id="footer"&gt;
        &lt;p&gt;FOOTER TEXT&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>css:</p>
  
  <pre><code>#footer {opacity: 0.5;} #footer p {opacity: 1;}
  </code></pre>
  
  <p>Im not understanding why this is not work can anyone help?</p>