Puis-je utiliser des couleurs RVBA hexadécimales en CSS ?

Puis-je utiliser RGBa hexadécimal en CSS ?

La manière traditionnelle d'écrire des couleurs hexadécimales en CSS utilise le format #RRGGBB. Par exemple :

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

Pour obtenir la transparence, vous pouvez utiliser le format RGBA, qui inclut un canal alpha :

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

Cependant, il n'existe actuellement aucun moyen direct de spécifier une transparence partielle en hexadécimal. Vous ne pouvez pas utiliser la syntaxe suivante :

background-color: #ff000088;

Prise en charge future du module de couleur CSS niveau 4

Le prochain module de couleur CSS niveau 4 devrait prendre en charge le RGBA hexadécimal à 4 et 8 chiffres. notation. La syntaxe serait la suivante :

8 chiffres :

#RRGGBBAA

4 chiffres :

#RGBA

Utilisation pratique aujourd'hui

Bien que la prise en charge par le navigateur de cette notation soit encore limitée, vous pouvez l'utiliser avec une solution de secours pour les navigateurs plus anciens :

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

Cela garantit que les navigateurs modernes utiliseront les couleurs hexadécimales transparentes, tandis que les anciens navigateurs reviendront aux couleurs non transparentes.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!