J'ai rencontré une situation dans le projet qui m'a longtemps troublé. Pourquoi certaines icônes de la même image PNG8 ont-elles disparu dans IE6 ? À ce moment-là, je soupçonnais qu'il s'agissait d'un problème de cache ou d'hôtes. L'ouverture et la fermeture répétées du navigateur échouaient toujours, et après des tests répétés, j'ai finalement trouvé la cause.
Le problème réside dans l'image PNG8 elle-même. L'exemple suivant simule la situation lors de la navigation avec IE6, vous constaterez que les quatre icônes de la deuxième ligne sont invisibles. Démo
Il s'avère que les quatre icônes ci-dessous ont été ajustées à 90 % de "transparence Alpha" (FW peut conserver la "transparence Alpha" lors de l'exportation de PNG8, mais PS ne peut pas le faire).
Les icônes translucides d'Alpha peuvent être parcourues normalement dans les logiciels de navigation généraux ou dans les navigateurs FF, Chrome, Safari, Opera, IE7 et supérieurs, à l'exception d'IE6.
En fait, il existe un moyen de faire en sorte que IE6 prenne en charge la "transparence Alpha" de PNG8, la méthode est la même que celle du filtre IE PNG32. Démo
D'après les résultats ci-dessus, nous avons appris que c'était png8 "Transparence Alpha" qui était à l'origine du problème. Et cette fois, PNG8 est différent de png32 dans la mesure où les navigateurs qui ne prennent pas en charge la translucidité png (comme ie6) passeront automatiquement à entièrement transparent (comme gif), au lieu d'avoir un fond gris comme png32.