css - jumbotron 上的不透明度

Question

我想将超大屏幕设置为 0.5 不透明度。

    <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>

有没有办法只在超大屏幕上而不是在 table 上执行此操作？

Answer 1

使用RGBa

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

第二行的最后一个值 (0.5) 是不透明度。

为清楚起见，这不适用于 ie8 或更低版本，因为不支持 rgba。