A chaque fois que j’utilise cette technique, ceux qui me voient faire tombent des nues. Ca fait pourtant quelques mois qu’elle existe, mais reste toutefois peu populaire. Tentons de remédier à cela!

Drew Diller a en effet inventé une technique de “hack” des PNG32 (PNG24 + channel alpha sur 8bits = 32, n’en déplaise à ses aficionados et à Photoshop qui parle de PNG24 uniquement) basé sur un certain langage “VML”, l’équivalent IE6 du plus connu “canvas”. OK, j’en vois qui font une drôle de tête… Non, je ne parle pas de cette technique de broderie que vous avez sans doute pratiqué un jour à l’école mais de la capacité qu’ont les browsers récents à “dessiner” directement sans passer par des images prégénérées.

DD_belatedPNG, c’est son nom, permet en effet de patcher en deux coups de cuiller à pot tous vos PNG32, qu’ils soient appliqués en background ou directement via le tag<IMG>.

Comment ça marche? Dans les coulisses, je n’en sais foutrement rien, mais en pratique ça prend même en considération les propriétés background-position et background-repeat. Non, pas possible! Et pourtant si!

Vous incluez un script en début de page, vous ajouter les selecteurs ad hoc dans une 2e ligne de script et hop, c’est patché.

Nul besoin d’ajout des filtres ou de se soucier du positionnement des éléments, ça marche dans tous les cas sans rien modifier à la CSS!

Magique? Oui, carrément!