title: CSS Opacity not working in IE11
body: <p>I'm trying to make the <code>background-color</code> of a <code>tr</code> opaque with this CSS:</p>
  
  <pre><code>.faded{
      background-color: red;
      height: 100px;
      opacity: 0.4;
      filter: alpha(opacity=50);
  }
  </code></pre>
  
  <p>Here is my test HTML:</p>
  
  <pre><code>&lt;table&gt;
      &lt;tr class="faded"&gt;
          &lt;td&gt;&lt;div&gt;testtesttesttestt&lt;/div&gt;&lt;/td&gt;
          &lt;td&gt;&lt;div&gt;testtsttesttesttt&lt;/div&gt;&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Everything works fine in IE9,10 FF24 Chrome 31+, but not in IE11.  <strong>Please keep in mind that I don't care about the content of the table rows, only the background opacity.</strong>  Screenshots and Jsfiddle below.</p>
  
  <p>IE10:
  <img src="https://i.stack.imgur.com/Luh6b.png" alt="IE10"></p>
  
  <p>IE11:
  <img src="https://i.stack.imgur.com/QAo3j.png" alt="IE11"></p>
  
  <p><a href="http://jsfiddle.net/ZB3CN/6/" rel="noreferrer">http://jsfiddle.net/ZB3CN/6/</a></p>
  
  <p>So, what's going on here?</p>
  
  <p><strong>EDIT: I've submitted a bug report to Microsoft:</strong> <a href="https://connect.microsoft.com/IE/feedback/details/868842/ie-11-setting-css-opacity-on-a-table-row-doesnt-affect-the-background-color-of-that-row" rel="noreferrer">https://connect.microsoft.com/IE/feedback/details/868842/ie-11-setting-css-opacity-on-a-table-row-doesnt-affect-the-background-color-of-that-row</a></p>
  
  <p><strong>EDIT 2:  This bug was confirmed by Microsoft</strong></p>
  
  <p><strong>EDIT 3:  Microsoft has moved this bug to a new location:</strong> 
  <a href="https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/212446/" rel="noreferrer">https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/212446/</a></p>