Comment utiliser DD_belatedPNG pour que IE6 prenne en charge les images transparentes PNG

Comment utiliser DD_belatedPNG pour que IE6 prenne en charge les images PNG transparentes ?

Utilisez DD_belatedPNG pour que IE6 prenne en charge les images transparentes PNG

Apprentissage recommandé : Dreamweaver cms

Il est bien connu que IE6 ne prend pas en charge images PNG transparentes. En termes d'expressivité dans la conception Web, les images PNG ont des effets que d'autres formats graphiques ne peuvent pas obtenir. Ce défaut fatal d'IE6 limite considérablement l'expression créative de la conception Web.

Bien qu'il existe de nombreuses façons de résoudre le problème du PNG transparent dans IE6, de l'utilisation de filtres spécifiques à IE ou d'e-xpression au remplacement de javascript + GIF transparent, ces méthodes ont cependant un inconvénient, c'est-à-dire qu'elles. ne prennent pas en charge les attributs CSS background-position et background-repeat.

L'utilisation de DD_belatedPNG.js peut parfaitement résoudre le problème de transparence des images PNG sous IE6 et prend en charge la position du fond et la répétition de l'arrière-plan. Ceci n'est pas disponible dans d'autres méthodes. En même temps, DD_belatedPNG prend également en charge. l'attribut a:hover et .

Notre site Web a ajouté DD_belatedPNG pour traiter les images transparentes PNG de navigation afin qu'elles conservent la même apparence sous différents navigateurs.

Utilisation :

Téléchargez d'abord le fichier JS

http://www.028guzheng.com/793395_16370305896/DD_belatedPNG_0.0.8a.js

puis citez le code dans la page :

<!--[if IE 6]>    
<script type="text/javascript" src="js/DD_belatedPNG_0.0.8a-min.js"></script>  
<script>  
DD_belatedPNG.fix(&#39;css选择器,应用类型&#39;);  
</script>    
<![endif]-->

La fonction de référence est DD_belatedPNG.fix( ), crochets Remplissez le sélecteur CSS pour appliquer le PNG (le sélecteur d'ID et le sélecteur de classe peuvent être utilisés) et le type d'application (divisé en img et background).

Comme DD_belatedPNG.fix('#box-one, img') ou DD_belatedPNG.fix('.header, background') etc.

Ceux-ci peuvent être abrégés en 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' etc.) ;

De plus, afin de résoudre le problème de scintillement de l'image d'arrière-plan dans IE6, vous pouvez ajouter le script suivant à la page

<!–-[if IE 6]>  
 <script type=”text/javascript”>  
 // <![CDATA[ 
 if((window.navigator.appName.toUpperCase().indexOf("MICROSOFT")>=0)&&(document.execCommand)) 
 try{ 
 document.execCommand("BackgroundImageCache", false, true); 
  } 
 catch(e){} 
 // ]]>  
 </script>  
 <![endif]–->

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!