English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Die CSS-Funktion rgba() kann verwendet werden, um eine Farbwert und Alpha-Transparenz zu liefern. Sie ermöglicht es Ihnen, einen RGB-Farbwert und einen Alpha-Wert zu spezifizieren, um die Transparenz der Farbe zu bestimmen.
Verwenden Sie RGBA-Farbe und Transparenz:
!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Grund教程(oldtoolbag.com)</title>
<style>
#p1 {background-color:rgb(255,0,0,0.3);}
#p2 {background-color:rgb(0,255,0,0.3);}
#p3 {background-color:rgb(0,0,255,0.3);}
#p4 {background-color:rgb(192,192,192,0.3);}
#p5 {background-color:rgb(255,255,0,0.3);}
#p6 {background-color:rgb(255,0,255,0.3);}
</style>
</head>
<body>
<p>RGB-Farbe und Transparenz verwenden:</p>
<p id="p1">Rot</p>
<p id="p2">Grün</p>
<p id="p3">Blau</p>
<p id="p4">Grau</p>
<p id="p5">Gelb</p>
<p id="p6">Kirschrot</p>
</body>
</html>Testen Sie es heraus ‹/›Die rgba() Funktion verwendet die Überlagerung von Rot (R), Grün (G), Blau (B) und Transparenz (A), um eine Vielzahl von Farben zu erzeugen.
RGBA steht für Rot, Grün, Blau, Transparenz (Englisch: Red, Green, Blue, Alpha).
Rote (R)von 255 zwischen Ganzzahlen, die den Rotanteil der Farbe darstellen.
Grüne (G)von 255 zwischen Ganzzahlen, die den Grünanteil der Farbe darstellen.
Blaue (B)von 255 zwischen Ganzzahlen, die den Blauanteil der Farbe darstellen.
Transparenz (A)Werte 0~1 zwischen, was die Transparenz darstellt.
Unterstützte Versionen: CSS3
Tabellenzahlen stellen die erste Browser-Version dar, die die Funktion unterstützt.
| Funktion | |||||
|---|---|---|---|---|---|
| rgba() | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
rgba(red, green, blue, alpha)
| 值 | 描述 |
|---|---|
| red | 定义红色值，取值范围为 0 ~ 255，也可以使用百分比 0% ~ 100%. |
| green | 定义绿色值，取值范围为 0 ~ 255，也可以使用百分比 0% ~ 100%. |
| blue | 定义蓝色值，取值范围为 0 ~ 255，也可以使用百分比 0% ~ 100%. |
| alpha - Transparenz | Transparenz 0（完全透明） ~ 1（完全透明） |