今天看到一個網(wǎng)頁使用了rgba不知道這個a是什么意思，原來是因為了忘了下面的顏色比上面的淺一些特別用rgba確實很方便，頁面也不突兀,特分享一下需要的朋友可以參考下
RGBA是一種可以設(shè)置顏色值和透明度的CSS顏色
下面是用rgba() 設(shè)置50%透明度的白色.
p {
color: rgba(255, 255, 255, 0.5);
}
RGBA是RGB色彩模型的一個擴展。這個縮寫詞代表紅綠藍(lán)三原色的首字母，Alpha值代表顏色的透明度/不透明度。
RGBA語法
RGBA色彩表示法的格式為：
rgba(red, green, blue, alpha)
前三個值（紅綠藍(lán)）的范圍為0到255之間的整數(shù)或者0%到100%之間的百分?jǐn)?shù)。這些值描述了紅綠藍(lán)三原色在預(yù)期色彩中的量。
如果你想設(shè)置純紅色，那么把red參數(shù)設(shè)置滿，即255，綠，藍(lán)設(shè)置0即可。
background-color: rgba(255, 0, 0, 1);
結(jié)果:
也可使用百分比:
background-color: rgba(100%, 0%, 0%, 1);
結(jié)果:
第四個值, alpha, 制定了色彩的透明度/不透明度，它的范圍為0.0到1.0之間
下面的例子是設(shè)置50%透明度的黃色:
color: rgba(255, 242, 0, 0.5);
css半透明兼容火狐、ie，chrome，現(xiàn)在瀏覽器版本都比較高。大家可以放心使用到項目中。
本文來自腳本之家，原文鏈接：https://www.jb51.net/web/715376.html
申請創(chuàng)業(yè)報道，分享創(chuàng)業(yè)好點子。點擊此處，共同探討創(chuàng)業(yè)新機遇！
