Hanyar rgba() a kan CSS

Kudade

Gina koyi daban-daban na RGB da yankin kafa (RGBA):

#p1 {background-color:rgba(255,0,0,0.3);} /* Red da yankin kafa ga wanda ke tsawon farin */
#p2 {background-color:rgba(0,255,0,0.3);} /* Green da yankin kafa ga wanda ke tsawon farin */
#p3 {background-color:rgba(0,0,255,0.3);} /* Blue da yankin kafa ga wanda ke tsawon farin */

Sake shirya a cikin shirin

Gani da koyi

Hanyar rgba() wani hanyar ne ke gina farin cikin tsarin Red-green-blue-alpha (RGBA).

Wurin ruwan RGBA shine tsaunin RGB, wanda ya kuma da hanyar zartar da tsakiyar farin ruwan ko'a yanki.

Tsaurna: CSS3

Tsarin kare a kan browser

Tashoshin da yake cikin tabbin da suka tukurci aiki na hanyar a cikin kwarewar farko.

Hanyar
rgba() 1.0 9.0 3.0 3.1 10.0

Gwamnanci CSS

rgba(red, green, blue, alpha)
Wurin Bayan
red Gana koyi zuwa farin ruwan ko'a tsaki zuwa farin ruwan ko'a yanki daga 0 zuwa 255 ko'a burin ko'a cikin farin ruwan ko'a yanki 0% zuwa 100% ko'a burin cikin farin ruwan.
green Gana koyi zuwa farin ruwan ko'a tsaki zuwa farin ruwan ko'a yanki daga 0 zuwa 255 ko'a burin ko'a cikin farin ruwan ko'a yanki 0% zuwa 100% ko'a burin cikin farin ruwan.
blue Gana koyi zuwa farin ruwan ko'a tsaki zuwa farin ruwan ko'a yanki daga 0 zuwa 255 ko'a burin ko'a cikin farin ruwan ko'a yanki 0% zuwa 100% ko'a burin cikin farin ruwan.
alpha 将不透明度定义为介于 0.0（完全透明）和 1.0（完全不透明）之间的数字。