Kann ich hexadezimale RGBA-Farben in CSS verwenden?

Kann ich hexadezimales RGBa in CSS verwenden?

Die traditionelle Art, hexadezimale Farben in CSS zu schreiben, ist die Verwendung des #RRGGBB-Formats. Zum Beispiel:

background-color: #ff0000; /* red */

Um Transparenz zu erreichen, können Sie das RGBA-Format verwenden, das einen Alphakanal enthält:

background-color: rgba(255, 0, 0, 0.5); /* translucent red */

Allerdings gibt es derzeit keine direkte Möglichkeit, teilweise Transparenz festzulegen im Hexadezimalformat. Sie können die folgende Syntax nicht verwenden:

background-color: #ff000088;

Zukünftige Unterstützung im CSS-Farbmodul Level 4

Das kommende CSS-Farbmodul Level 4 wird voraussichtlich 4-stelliges und 8-stelliges hexadezimales RGBA unterstützen Notation. Die Syntax wäre wie folgt:

8-stellig:

#RRGGBBAA

4-stellig:

#RGBA

Praktische Nutzung heute

Während die Browserunterstützung für diese Notation noch begrenzt ist, können Sie sie mit einem Fallback verwenden für ältere Browser:

figure {
  background: #FEFE7F;
  color: #3F3FFE;
  
  background: rgba(255, 255, 0, 0.5);
  color: rgba(0, 0, 255, 0.75);
  
  background: #ffff007F;
  color: #0000ffbe;
}

Dadurch wird sichergestellt, dass moderne Browser die transparenten Hex-Farben verwenden, während ältere Browser auf die nicht transparenten Farben zurückgreifen.

Das obige ist der detaillierte Inhalt vonKann ich hexadezimale RGBA-Farben in CSS verwenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!