MISE À JOUR : Microsoft a annoncé qu’il ne prendra plus en charge Internet Explorer à partir du 15 juillet 2022.
Heureusement, le pourcentage de personnes qui utilisent encore Internet Explorer 6 (IE6) diminue mensuellement, mais reste suffisamment important pour que nous prenions ces utilisateurs en compte lors de la conception de sites Web. Cet article montre comment inclure des PNGs semi-transparents (Portable Network Graphics) dans vos formulaires et les afficher correctement dans la plupart des navigateurs, y compris IE6. Il existe en fait plusieurs méthodes pour y parvenir, chacune avec ses inconvénients, mais des recherches suggèrent que le correctif DD_belatedPNG devient rapidement la méthode préférée. C’est donc celle que nous aborderons ici.
Cette pagecontient un formulaire dont l’arrière-plan est entièrement transparent et superposé d’une image carrelée d’une pomme sous forme de PNG semi-transparent. Si le correctif DD_belatedPNG n’était pas utilisé sur la page, les utilisateurs d’IE6 verraient un formulaire avec un fond blanc décoré de pommes, tandis que les autres verraient les pommes projeter leurs ombres sur l’arrière-plan à motifs de la page. Non pas qu’il y ait nécessairement quelque chose de mal à avoir un fond blanc. En fait, le titre et les sous-titres seraient plus lisibles dans ce cas. Cependant, cet article ne traite pas de lisibilité mais plutôt de faire en sorte que vos formulaires contenant des PNG semi-transparents s’affichent aussi uniformément que possible sur les différents navigateurs.
La Procédure
1. Copiez la source complète de votre formulaire à partir de l’Assistant d’intégration de formulaire et collez-la dans le corps de votre page Web
2. Placez le bloc de code trouvé ici dans la tête de la même page, selon les instructions
3. Copiez ce code, collez-le dans un nouveau document texte, sauvegardez-le sous le nom de DD_belatedPNG_0.0.8a.js et téléchargez-le dans le même répertoire (dossier) contenant la page Web avec le formulaire.
4. Voir aussi : Comment rendre l’arrière-plan d’un formulaire transparentComment ajuster l’opacité de l’arrière-plan d’un formulaire
Our customer support team is available 24/7 and our average response time is between one to two hours.
Envoyer un commentaire: