Beispiel für die Einstellung der RGB-Farbe mit CSS3

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(1.0.154…)

• 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!