title: How do I remove parent opacity in CSS?
body: <p>In my CSS I have the following:</p>
  
  <pre><code>.Thing {
      filter: alpha(opacity=40);
      opacity:0.4;
      -moz-opacity:0.4;
  }
  
  .Thing button {
      filter: alpha(opacity=100);
      opacity:1;
      -moz-opacity:1.0;
  }
  </code></pre>
  
  <p>However, the button is still .4 opacity. I then try <code>opacity: 2</code> and such and it looks like I can give it less opacity but not more. Is there a way I can remove it or do I have to write multiple rules to get everything but the button?</p>
  
  <p>I am testing with Firefox and Chrome.</p>