Heim >Web-Frontend >CSS-Tutorial >Beispiel für die Einstellung der RGB-Farbe mit CSS3
Beispiel für die Einstellung der RGB-Farbe mit CSS3
- Y2JOriginal
- 2017-05-24 10:47:202360Durchsuche
Webjx-Artikel zur WebseitenproduktionEinführung: Mit der neuen CSS3-Anweisung „RGBA“ können wir nicht nur wie gewohnt die RGB-Farbe festlegen, sondern auch deren Transparenz festlegen.
Mithilfe der neuen CSS3-Deklaration „RGBA“ können wir nicht nur wie gewohnt die RGB-Farbe festlegen, sondern auch deren Transparenz festlegen.
Mithilfe der neuen CSS3-Deklaration „RGBA“ können wir nicht nur wie gewohnt die RGB-Farbe festlegen, sondern auch deren Transparenz festlegen.
Mit der neuen CSS3-Deklaration „RGBA“ können wir nicht nur wie gewohnt die RGB-Farbe festlegen, sondern auch deren Transparenz festlegen.
Vorheriger Artikel: CSS3-Tutorial (8): CSS3-Transparenzleitfaden
RGBA legt die Farbe genau wie RGB fest, und dieses „A“ – der letzte Wert in RGBA – ermöglicht es uns, die Transparenz dieses Elements festzulegen. Genau wie bei der Opazitätsdeklaration ist ein Element mit einem Opazitätswert von 1 vollständig undurchsichtig, während ein Element mit einem Opazitätswert von 0 vollständig transparent ist.
Browserkompatibilität
RGBA wird jetzt in Firefox, Google Chrome und Safari gut unterstützt und erfordert auch kein Präfix.
CSS3 RGBA-Farbe 
Der obige Effekt wird mit den folgenden Stilen erreicht:
p.Beispiel für die Einstellung der RGB-Farbe mit CSS3L1 { background:Beispiel für die Einstellung der RGB-Farbe mit CSS3(153, 134, 117, 0.2); 20px;
p.Beispiel für die Einstellung der RGB-Farbe mit CSS3L2 {Hintergrund:Beispiel für die Einstellung der RGB-Farbe mit CSS3(153, 134, 117, 0,4);
p.Beispiel für die Einstellung der RGB-Farbe mit CSS3L3 {Hintergrund:Beispiel für die Einstellung der RGB-Farbe mit CSS3(153, 134, 117, 0,6);
p.Beispiel für die Einstellung der RGB-Farbe mit CSS3L4 {Hintergrund:Beispiel für die Einstellung der RGB-Farbe mit CSS3(153, 134, 117, 0,8);
p.Beispiel für die Einstellung der RGB-Farbe mit CSS3L5 {background:Beispiel für die Einstellung der RGB-Farbe mit CSS3(153, 134, 117, 1.0); height:20px;
- Google Chrome(2.0.156…)
-
Internet Explorer (IE7, IE8 RC1) - Opera (9.6…)
- Safari (3.2.1 Windows…)
Das obige ist der detaillierte Inhalt vonBeispiel für die Einstellung der RGB-Farbe mit CSS3. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!