CSS3-Tutorial (9): Einstellen der RGB-Farbe_css3_CSS_Webseitenproduktion

Webseitenproduktion Webjx-Artikeleinfü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.

Mit 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:
div.rgbaL1 { background:rgba(153, 134, 117, 0.2); 20px; } div.rgbaL2 { Hintergrund:rgba(153, 134, 117, 0,4); } div.rgbaL3 { Hintergrund:rgba(153, 134, 117, 0,6); { Hintergrund: rgba (153, 134, 117, 0,8); Höhe: 20 Pixel; 🎜 >Firefox(3.05…)

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 Inhalt des CSS3-Tutorials (9): Einstellen der RGB-Farbe_css3_CSS_webseitenproduktion, mehr Für Verwandte Inhalte, achten Sie bitte auf die chinesische PHP-Website (www.php.cn)!