: css

Les couleurs en css3

On peut trouver 4 notations pour l'attribution d'une valeur:

le nom de la couleur
la valeur RGB
le code héxadécimal
la valeur RGBA (permet de jouer avec la transparence)

Ainsi ces 3 notations sont équivalentes:

color:white;
color:rgb(255,255,255); ou color:rgb(100%,100%,100%);
color:#FFF; ou color:#FFFFFF;
color:rgba(255,255,255,1); ou color:rgba(100%,100%,100%,1);

Longtemps délaissée à cause du mauvais support sur Internet Explorer, la valeur rbga est maintenant correctement reconnue sur tous les navigateurs. Elle est prise en compte depuis firefox 3, sur safari (webkit),chrome et à partir d'Internet Explorer 9.

Les anciens navigateurs de ne l'interprètent pas et ignorent simplement la couleur, selon les recommandations. On peut donc définir une première couleur en rgb, qui sera interprétée par les anciens navigateurs, puis, redéfinir une couleur en RGBA qui ne sera, elle, interprétée que sur les navigateurs la comprenant:

.noir_transp {
background-color:rgb(120,120,120);
/* une couleur grise pour les ancien navigateurs */
background-color:rgba(0,0,0,0.8);
/* du noir transparent pour les navigateurs le comprenant */
}

liens utiles

Editer