Transparence Kindle

Il ne vous a pas échappé que les appareils Kindle ne géraient pas bien les transparences et longtemps les fichiers PNG transparents étaient à proscrire.

Avec l’évolution de la politique d’Amazon, à savoir de remplacer leur(s) format(s) actuel(s) par le format EPUB, quelques mises à jour ont eu lieu. J’ai remarqué notamment que le fichier PNG transparent était correctement géré du moment que l’appareil avait été mise à jour.

En tout cas sur , Kindle Previewer, cela a fini par passer. Reste les fonds de couleur… Si vous utilisez les couleurs en hexadécimal ou avec des fonctions RGB, pas de souci, vous n’avez pas vu le souci. Par contre l’utilisation de RGBa() pose problème.

En effet, par exemple, RGBa(12,12,12,0.5) va générer une couleur RGB(12,12,12) avec une transparence de 50% (=.5). Dans un bloc <aside> par exemple, qui donnera un fond de couleur de cette manière, l’ensemble des balises contenues dans le bloc <aside> seront affectées… Elles seront devenues transparentes !

La meilleure solution, inutile de forcer l’affaire par un color:black!important en CSS, est de tout simplement convertir la couleur donnée par la fonction RGBa() par la couleur convertie en RGB() et de n’utiliser que des fonctions RGB().
Votre texte réapparaitra comme par enchantement.