Où est ma transparence ? Navigateur Obsolète - CultureMédi@tic - Télétravail et Multimédias

Où est ma transparence ? Navigateur Obsolète
sous Internet Explorer 6 (encore lui !!!)

Internet Explorer 6.0 et PNG 24 bits ne font pas bon ménage en ce qui concerne la transparence. Du moins pour certaines versions. Le script ie-pngfix.js permet de palier au problème.

Avant

Remarquez dans la bannière, le "masque blanc" qui remplace la transparence de l’image en dégradé ci-après

Dans le "head", ajouter

Télécharger le fichier suivant puis le placer dans le dossier voulu :


pngfix.js.zip

Après

Post-Scriptum

Liste du code à insérer pour prévenir que la version du navigateur est obsolète (en plusieurs langues) : http://www.ie6nomore.com/code-sampl...

Cette méthode fonctionne très bien, mais je vous invite à lire l’article d’Alsacréation qui vous donne plus de détails et autres méthodes : http://www.alsacreations.com/article/lire/81-transparence-png-ie6.html

Si c’est trop compliqué, n’utilisez pas de PNG 24 bits !

Créez un avertissement sur l’incompatibilité des scripts ou autres fonctions avec internet explorer 6 : Exemple - http://www.culturemediatic.fr/avert... à tester bien entendu sur IE6

ou ajouter ce scrit :

<!--[if lt IE 7]> <div style="padding: 10px; background-color: #111;"><div style='border: 1px solid #F7941D; background: #FEEFDA; text-align: center; clear: both; position: relative;'> <div style='position: absolute; right: 3px; top: 3px; font-family: courier new; font-weight: bold;'> <a href='#' onclick='javascript:this.parentNode.parentNode.style.display="none"; return false;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-cornerx.jpg' style='border: none;' alt='Close this notice'></a> </div> <div style='width: 640px; margin: 0 auto; text-align: left; padding: 0; overflow: hidden; color: black;'> <div style='width: 75px; float: left;'> <img src='http://www.ie6nomore.com/files/theme/ie6nomore-warning.jpg' alt='Warning!'> </div> <div style='width: 275px; float: left; font-family: Arial, sans-serif;'> <div style='font-size: 14px; font-weight: bold; margin-top: 12px;'> It appears you are using an outdated browser </div> <div style='font-size: 12px; margin-top: 6px; line-height: 14px;'> For a better experience using this site, please upgrade to a modern web browser.<br> Otherwise, this site will appear broken. </div> </div> <div style='width: 75px; float: left;'> <a href='http://www.firefox.com' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-firefox.jpg' style='border: none;' alt='Get Firefox 3.5'></a> </div> <div style='width: 75px; float: left;'> <a href='http://www.browserforthebetter.com/download.html' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-ie8.jpg' style='border: none;' alt='Get Internet Explorer 8'></a> </div> <div style='width: 73px; float: left;'> <a href='http://www.apple.com/safari/download/' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-safari.jpg' style='border: none;' alt='Get Safari 4'></a> </div> <div style='float: left;'> <a href='http://www.google.com/chrome' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-chrome.jpg' style='border: none;' alt='Get Google Chrome'></a> </div> </div> </div></div><![endif]-->

dans vos pages

Autres articles dans la rubrique "Webdesign" :

html

Internet

site

fourgeaud

bodins

cinema

recherche

moteur

cinéma

referencement

optimiser

google

outil

forum

assistance

maintenance

boutique

vitrine

Gil FOURGEAUD - WEB & FORMATIONS

Où est ma transparence ? Navigateur Obsolète
sous Internet Explorer 6 (encore lui !!!)

Navigation

Conception Web

Gestion Serveur Web

Assistance à distance

Derniers articles

Copyright

Gil FOURGEAUD - WEB & FORMATIONS

Où est ma transparence ? Navigateur Obsolète sous Internet Explorer 6 (encore lui !!!)

Navigation

Conception Web

Gestion Serveur Web

Assistance à distance

Derniers articles

Copyright

Où est ma transparence ? Navigateur Obsolète
sous Internet Explorer 6 (encore lui !!!)