So legen Sie Hintergrundfarbe und Transparenz in Vue fest

Einstellungen für Hintergrundfarbe und Transparenz

Wie oben gezeigt, müssen Sie beim ersten Bild einen grauen Hintergrund und das weiße Wort „Cover“ in der oberen linken Ecke hinzufügen und die Hintergrundfarbe muss transparent sein.

Zuerst müssen Sie die Funktion rgba() kennen.

Die Funktion rgba() verwendet die Überlagerung von Rot (R), Grün (G), Blau (B) und Transparenz (A), um verschiedene Farben zu erzeugen.

RGBA steht für Rot, Grün, Blau, Alpha (englisch: Red, Green, Blue, Alpha).

• Rot (R) Eine Ganzzahl zwischen 0 und 255, die den Rotanteil der Farbe darstellt. .
• Grün (G) Eine Ganzzahl zwischen 0 und 255, die die Grünkomponente der Farbe darstellt.
• Blau (B) Eine Ganzzahl zwischen 0 und 255, die die Blaukomponente der Farbe darstellt.
• Transparenz (A) nimmt Werte zwischen 0 und 1 an und stellt Durchsichtigkeit dar. Je kleiner der Wert, desto höher die Transparenz.

Hier ist der Vue-Code:

Legen Sie zuerst die Position des übergeordneten Elements fest: relativ; legen Sie dann die Position des untergeordneten Elements fest: absolut; passen Sie die Position an, indem Sie links, rechts, oben und unten festlegen, und legen Sie dann die Hintergrundfarbe fest: rgba (34,34,34,0,5);

Stellen Sie die Hintergrundfarbe der Schaltfläche auf transparent

Verwenden Sie beim Festlegen des Stils

Hintergrundfarbe: nicht festgelegt 

3.1.0 legt die Hintergrundfarbe fest

Für die Anmeldung ist keine Hintergrundfarbe festgelegt.

Das Obige ist meine persönliche Erfahrung. Ich hoffe, es kann Ihnen als Referenz dienen. Ich hoffe auch, dass Sie 123WORDPRESS.COM unterstützen werden.