Opacity on just jumbotron

Question

I want to set the jumbotron to 0.5 opacity.

    <div class="jumbotron">
         <table id="white" class="table table-condensed" id="table">
           <tbody>
           <tr>
             <td>En</td>
             <th>1</th>
           </tr>
           <tr>
            <td>To</td>
            <th>2</th>
           </tr>
           </tbody>
         </table>
    </div>

Is there a way to do this on just the jumbotron and not the table?

Answer 1

Use RGBa

.jumbotron {
   background: rgb(200, 54, 54); /* This is for ie8 and below */
   background: rgba(200, 54, 54, 0.5); 
}

Last value on the second line (0.5) is the opacity.

For clarity this won't work on ie8 or below as rgba is not supported.