Maison >interface Web >tutoriel CSS >Comment utiliser CSS pour résoudre le problème de l'affichage normal des images transparentes png dans ie6
Je n'ai pas écrit de CSS depuis longtemps. J'ai longtemps eu du mal avec un logo png transparent. C'est aussi de ma faute si la page précédente n'a pas pris en compte la question de la transparence. J'ai trouvé plusieurs méthodes sur Internet, dont certaines sont implémentées avec CSS, et d'autres avec js. Utiliser js semble excessif. Si vous pouvez utiliser du CSS pur pour le résoudre, utilisez simplement CSS. votre aide. Les deux méthodes suivantes ont été essayées et efficaces, mais l'image ie6 sous ma machine virtuelle est complètement transparente. Je ne sais pas s'il s'agit d'un problème avec ma machine virtuelle.
Enregistrez d'abord l'image au format transparent PNG-24.
(L'image doit avoir un chemin absolu)
Méthode 1 : Utiliser l'image png comme arrière-plan
Faites attention au hack
code html
Standard : _background-image : aucun; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='#'" /templets/dyimgs/wymrs/images/logo. png', activé ='bEnabled', sizingMethod='image');
Méthode 2 : Insérer une image png et définir img
Cette méthode nécessite de préparer une image complètement transparente transparent.gif, avec n'importe quelle taille.
code html
Cependant, je voudrais vous rappeler que le chemin de l'image ici est un chemin relatif, il convient donc de noter que ce chemin relatif est basé sur du HTML et non du CSS.
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!