Utilisez dd_belatedpng pour permettre à IE6 de prendre en charge les images transparentes PNG

Comme nous le savons tous, IE6 ne prend pas en charge les images PNG transparentes, et les images PNG ont des effets que d'autres formats graphiques ne peuvent pas réaliser en termes d'expressivité dans la conception Web. Le défaut mortel de IE6 limite considérablement les performances créatives de la conception Web.

Bien qu'il existe de nombreuses façons de résoudre le PNG transparent dans IE6, de l'utilisation de filtres ou d'expressions spécifiques à IE, au remplacement de GIF JavaScript + transparent. Cependant, ces méthodes présentent un désavantage, à savoir qu'elles ne soutiennent pas la position arrière et les attributs de répétition de l'arrière-plan dans le CSS. L'utilisation de DD_BelatedPng.js peut parfaitement résoudre le problème de la transparence de l'image PNG sous IE6, et prend en charge la position d'arrière-plan et le répétition d'arrière-plan. Ceci n'est pas disponible dans d'autres méthodes. Dans le même temps, DD_BelatedPng prend également en charge A: Hover Attribut et <Mg>.

Notre site Web a ajouté DD_BelatedPng pour traiter les images transparentes de navigation PNG pour conserver la même apparence sous différents navigateurs.

DD_BELATEDPNG Site Web officiel: Cliquez ici pour visiter!

1. Téléchargez d'abord le fichier JS:

Reportez-vous ensuite au code dans la page:

 <! - [ifie6]>
 <ScriptType = text / javascriptsrc = PATH JS TÉLÉCHARGÉ> </cript>
 <cript>
 Dd_belatedpng.fix («sélecteur CSS, type d'application»);
 </cript>
 <! [endif] ->

La fonction de référence est dd_belatedpng.fix (), et le sélecteur CSS (sélecteur d'ID et sélecteur de classe peut être utilisé) et le type d'application (divisé en IMG et arrière-plan) entre parenthèses.

Comme dd_belatedpng.fix ('# box-one, img') ou dd_belatedpng.fix ('. En-tête, arrière-plan') etc.

Ceux-ci peuvent être abrégés en tant que DD_BelatedPng.fix ('# box-one, .header, img, background'); .

Plus de sélecteurs tels que dd_belatedpng.fix ('# box-one, .header, # footer, .box-two a: hover, img, background'); et ainsi de suite.

De plus, pour résoudre l'image d'arrière-plan vacant sous IE6, vous pouvez ajouter le script suivant à la page:

 <! - [ifie6]>
 <ScriptType = Text / JavaScript>
 // <! [Cdata [
 if ((window.navigator.appname.touppercase (). indexof (Microsoft)> = 0) && (document.execcommand))
 essayer{
 document.execcommand (backgroundImageCache, false, true);
 }
 catch (e) {}
 //]]>
 </cript>
 <! [endif] ->