RGBA是什么？

是在RGB<Red（紅色） Green（綠色） Blue（藍(lán)色）>的基礎(chǔ)上增加了一個(gè)通道Alpha。Alpha參數(shù)為透明值，在0~1之間。

RGBA 不僅可以用在 background 屬性上，還可以用在 color 和 border 屬性中。

RGBA和opacity之間的不同點(diǎn)是前者只應(yīng)用到指定的元素上，后者會(huì)影響指定的元素及其子元素。

下面通過(guò)實(shí)例演示來(lái)說(shuō)明 。

效果展示：

rgba演示.png

<!--HTML部分-->
<div class="demo" id="demo">RGBA測(cè)試</div>
<div class="demo" id="demo2">opacity測(cè)試</div>

          /*css部分*/ 
            #demo {
                width: 200px;
                height: 100px;
                background: rgba(25, 25, 25, .5);
                margin: 10px;
            }
            
            #demo2 {
                width: 200px;
                height: 100px;
                background: rgb(25, 25, 25);
                opacity: .5;
                margin: 10px;
            }