Comment contourner l'incompatibilité d'IE6 pour les PNG transparents

MISE À JOUR : Microsoft ne prend plus en charge Internet Explorer depuis le 15 juillet 2022.

Heureusement, le nombre d’internautes qui utilisent encore Internet Explorer 6 (IE6) diminue mois après mois, mais reste suffisamment important pour que nous prenions ces utilisateurs en compte lors de la conception de sites web. Découvrez dans cet article comment inclure des fichiers PNG semi-transparents (images « Portable Network Graphics ») dans vos formulaires et les afficher correctement dans la plupart des navigateurs, y compris IE6. Plusieurs méthodes existent pour y parvenir, chacune avec ses limites, mais les études montrent que le correctif DD_belatedPNG s’impose rapidement la solution privilégiée. C’est donc celle que nous allons vous présenter dans cet article.

Cette page contient un formulaire dont l’arrière-plan est entièrement transparent et sur lequel est superposée une image en mosaïque d’une pomme au format de PNG semi-transparent. Sans le correctif DD_belatedPNG, les utilisateurs d’IE6 verraient un formulaire avec un fond blanc décoré de pommes, tandis que d’autres verraient les pommes projeter leurs ombres sur l’arrière-plan à motifs. Ce n’est forcément pas un problème d’avoir un arrière-plan blanc. En fait, le titre et les sous-étiquettes seraient plus lisibles dans ce cas. Cependant, dans cet article, nous ne traitons pas de lisibilité, mais plutôt de l’optimisation de l’affichage des formulaires contenant des images PNG semi-transparentes afin qu’elles s’affichent aussi uniformément que possible sur tous les navigateurs.