title: Style table to have transparent background with opaque text?
body: <p>I have a Bootstrap table that looks like this:</p>
  
  <pre><code>&lt;table class="table table-striped table-condensed table-bordered"&gt;  
  &lt;tr&gt;
  &lt;th&gt;User&lt;/th&gt;
  &lt;th&gt;Points&lt;/th&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td class="active"&gt;{{player.name|replace("@mysummitps.org","")|replace("@summitsanjose.org","")|replace("@gmail.com","")}}&lt;/td&gt;
    &lt;td class="active"&gt;{{player.points}}&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>In my CSS I've tried to make the table transparent via:</p>
  
  <pre><code>table{
      opacity: 0.3;
       }
  </code></pre>
  
  <p>This obviously makes the entire table transparent. How can I only make the background transparent? I tried changing <code>background-color:rgba()</code>, but that doesn't work either.</p>
  
  <p>Thanks for any help!</p>
  
  <p>~Carpetfizz</p>