title: How do I get a translucent background with opaque text?
body: <p>I'm trying this method, I just put 2 divs, I style the first adding the background and making it translucent and I style the first to make it opaque:</p>
  
  <p>This is the code:</p>
  
  <pre><code>&lt;div id="container"&gt;
      &lt;div id="opaquetext"&gt;
        This is a normal text
        on a translucent background
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And CSS:</p>
  
  <pre><code>   #container {
         background-color: #ffffff;  /* the background          */
         filter:alpha(opacity=50);   /* Internet Explorer       */
         -moz-opacity:0.5;           /* Mozilla 1.6 and below   */
         opacity: 0.5;               /* newer Mozilla and CSS-3 */
      }
      #opaquetext {
         filter:alpha(opacity=100);  /* discarded */
         -moz-opacity:1.0;           /* discarded */
         opacity: 1.0;               /* discarded */
      }
  </code></pre>
  
  <p>I thought it would work but for some reason it renders the text transparent too.</p>