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值的屬性上。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM