[css背景]背景顏色透明度

rgba與opacity

在第一個例子中，我們只讓背景顏色變得透明，而第二個例子用到opacity屬性，讓整個元素都變得透明，包含元素中含的內容。

使用opacity把一個元素設置為透明後，將無法再讓其子元素變得不那麼透明。

body{
    background-color: rgba(254,219,207,0.5);
}

body{
    background-color: #FEDBCF;
    opacity:0.5;
}

 補充：transparent

transparent屬性用來指定全透明色彩,transparent是全透明黑色(black)的速記法，即一個類似rgba(0,0,0,0)這樣的值。

在CSS1中，transparent被用來作為background-color的一個參數值，用於表示背景透明。

在CSS2中，border-color也開始接受transparent作為參數值，

《Open eBook(tm) Publication Structure 1.0.1》[OEB101]延伸到color也接受transparent作為參數值。

在CSS3中，transparent被延伸到任何一個有color值的屬性上。