Vous utilisez CSS3, et avez largement adopté la rgba(), pour mettre en place des couleurs avec transparence. Seulement, voilà, lors des tests sous Google Chrome, tout passe bien, mais une fois sur Internet Explorer 7, ça ne marche pas !

Heureusement, des hacks existent pour permettre de gérer l’opacité d’une couleur sous Internet Explorer, pour un background. Des filters avec aRGB, demandant une certaine structure, un recalcul des valeurs, un niveau d’opacité en hexadécimal.

Lors d’une petite pause dans mon travail chez Colorz, j’ai monté GiveMeRGBA un outil rapide permettant, en fournissant uniquement la couleur en hexadécimal, et le pourcentage d’opacité, de générer tout le code nécessaire pour avoir un fond semi-transparent sur la plupart des navigateurs (dont Internet Explorer 7 et plus). C’est un script sans prétention, disponible sur Github et ouvert à tout commentaire.

Testez directement GiveMeRGBA

Tags : , , ,