La transparence de couleur avec RGBa en CSS3 Support de l'écriture RGBa par les navigateurs

La valeur RGBa supportée par la plupart des navigateurs

Le site anglophone CSS Tricks a publié un tableau récapitulatif du support de RGBa : on y observe qu'à l'heure actuelle la plupart des navigateurs prennent en charge cette valeur de transparence... à l'exception d'Internet Explorer, toutes versions, IE8 comprise.


Et pendant ce temps, sur IE...

Cette fonctionnalité n'étant pas reconnue par Internet Explorer, il est possible de concevoir la situation sous plusieurs angles :

 On bidouille avec la propriété Opacity et le positionnement absolu pour s'adapter à toutes les versions d'IE (IE6, IE7, IE8);
 On utilise une alternative à l'aide de PNG transparent pour IE7 et IE8, en faisant fi des années de bons et loyaux services d'IE6;
 On détourne un filtre propriétaire Microsoft que l'on va appliquer uniquement sur IE;
   On se fiche d'Internet Explorer, c'est vrai quoi !

 

Pour des raisons de déontologie, nous allons nous pencher plus avant sur l'avant-dernière alternative et allons la décortiquer en détail...

Navigateurs