5 façons simples de résoudre les problèmes de transparence d'IE6

Vous créez le site idéal dans Photoshop en utilisant les dernières tendances. La moitié de vos arrière-plans contient une belle opacité de 50% pour simuler la profondeur. Le seul problème vient de ce foutu vieil IE6 et de sa décision d'afficher un arrière-plan gris méchant. Vous essayez de chercher une solution sur le Web, mais vous avez le choix entre des dizaines. Comment savez-vous quelles méthodes sont les meilleures?

Dans aujourd'hui screencast, Je vais vous montrer cinq manières simples de gérer ce problème..


Unité PNG Fix

  • Où puis-je le télécharger? : ICI
  • Problèmes? : Les images d'arrière-plan transparent ne sont pas correctement mises en mosaïque. Au lieu de cela, ça va étirer votre image. Pas un gros problème, mais méfiez-vous. Autre que cette bizarrerie, cette méthode fonctionne parfaitement. Je me retrouve à l'utiliser plus que les autres.

DD_BelatedPNG Fix

  • Où puis-je le télécharger? : ICI
  • Problèmes? : Rien à noter. Chaque correctif a quelques bizarreries, mais ce nouveau correctif pourrait bien s'avérer être le meilleur à ce jour..

IE7.js Fix

  • Où puis-je le télécharger? : ICI
  • Problèmes? : Vous constaterez que ce fichier est plus volumineux que les autres. En effet, résoudre les problèmes de transparence n’est qu’une partie de son travail! De plus, il corrige de nombreuses autres faiblesses de IE6 par rapport aux normes modernes. Gardez cela à l’esprit lors du choix. Si vous voulez seulement montrer de la transparence, ce n'est peut-être pas le meilleur choix..

Twin Helix Fix (de Angus Turnbull)

  • Où puis-je le télécharger? : ICI
  • Problèmes? : Angus a mis à jour ce fichier au cours des six derniers mois; Il met maintenant correctement en œuvre la répétition / la position du fond! Plutôt que de référencer un fichier Javascript, ce correctif nécessite l'utilisation de la propriété CSS "behavior".

Ne le répare pas! Faire une déclaration!

Certaines personnes préféreront peut-être ignorer IE6 dans son ensemble - pour faire une déclaration. Je vous laisse utiliser votre jugement. Cependant, votre décision devrait refléter votre public. Si vous souhaitez afficher une alerte aux utilisateurs d'IE6, vous pouvez utiliser la méthode browser () de jQuery pour détecter IE6..

 if ($ .browser.msie && $ .browser.version == 6.0) alert ("Mettez à niveau votre navigateur, votre grand mannequin!); else document.write ('ceci est juste pour le test. Supprimez le" else " déclaration. ');
  • Abonnez-vous au flux RSS NETTUTS pour plus de commentaires et d'articles sur le développement Web au quotidien.