title: rgba Not Working Correctly in IE10 Compatibility, IE8, or Chrome
body: <p>I have a stylesheet as follows:</p>
  
  <pre><code>        .blue {
              background: #B0C4DE;
          }
  
          .green {
              background: #a4d5a8;
          }
          .purple {
              background: #ada4d4;
          }
          .pink {
              background: #e3b3e0;
          }
          .yellow {
              background: #e0e3ab;
          }
          tbody tr:nth-child(odd) td{
              background: #FFFFFF; /*fallback color */
              background: rgba(255, 255, 255, .50);
          }
  </code></pre>
  
  <p>I'd like to have columns grouped by color with alternating row opacity to create the zebra stripe effect.  I do this by assigning CSS classes to each column, no inline styles here, and using the <code>nth-child(odd)</code> CSS selector in conjunction with the <code>rgba</code> attribute.</p>
  
  <p>However, in both IE10 with compatibility mode and Chrome, the following grid is rendered, with alternating rows of color and white:</p>
  
  <p><img src="https://i.stack.imgur.com/I0Bpx.png" alt="enter image description here"></p>
  
  <p>In IE8, it seems that the <code>rgba</code> attribute is ignored:</p>
  
  <p><img src="https://i.stack.imgur.com/Mol4h.png" alt="enter image description here"></p>
  
  <p>Is my CSS incorrect?  Is there anything else I could include that would help with debugging?  I've created this application in .NET, so I unfortunately cannot link to a fiddle.</p>
  
  <p>EDIT:  The white rows are erroneous.  They should be a slightly lighter shade of the column grouping color.  See <a href="http://cssdeck.com/labs/6rgab657" rel="nofollow noreferrer">http://cssdeck.com/labs/6rgab657</a> for an example.</p>
  
  <p>EDIT:  In the below image of the Chrome Inspector, I would assume that the selector would override the blue class, and only alter the opacity of the original color so that it would be slightly lighter.  Am I incorrect in my assumption?</p>
  
  <p><img src="https://i.stack.imgur.com/gQXIn.png" alt="enter image description here"></p>
  
  <p>Thanks!</p>