css Coup de fond blanc Gif?

Question

Est-ce que quelqu'un sait comment corriger le contour de fond blanc dans le CSS que vous voyez quand un gif transparent est superposé sur une couleur?

Answer 1

La petite bordure blanche que vous voyez est un artefact du programme d'image en essayant de devinez quelle serait la meilleure couleur de fond pour la transparence de l'image. Dans ce cas, c'est blanc.

Si votre image était sur un arrière-plan clair, vous ne la verriez pas d'une manière aussi criarde. Essayez d'exporter l'image avec un arrière-plan mat plus sombre pour réduire l'attaque des pixels sur vos globes oculaires.

Answer 2

Je crois que cela n'a rien à voir avec CSS, mais avec votre GIF vous avez exporté. Si vous avez une image anti-diffusion et que vous essayez de l'exporter vers GIF avec transparence. Il rendra automatiquement un pixel mat supplémentaire pour certains pixels semi-transparents.

Si vous souhaitez que les ombres soient transparentes que vous ne le feriez dans les fichiers PNG. Le problème avec la PNG est il si vous êtes à la recherche fonctionnent pas parfaitement dans IE6

Answer 3

pour fixer dans IE jeter un oeil à http://www.howtocreate.co.uk/alpha.html

Answer 4

Cela est dû à la manière dont la transparence est gérée dans les fichiers GIF. Le format de fichier n'a pas de canal alpha, seulement une seule couleur marquée comme transparente. Cela signifie que chaque pixel ne peut être totalement transparent ou totalement opaque. Lorsque vous enregistrez l'image au format GIF, le programme convertit tous les pixels partiellement transparents en transparence totale (si elle est presque transparente) ou entièrement opaque en changeant la couleur en ce qu'elle serait si elle était dessinée sur un couleur de fond solide (appelée matte).

Dans votre cas, la couleur mate est le blanc par défaut, de sorte que tous les pixels partiellement transparents seront atténués vers le blanc. Si vous affichez toujours l'image sur le même arrière-plan, vous spécifiez simplement cette couleur comme matte, et le programme fondra les pixels partiellement transparents contre cette couleur, rendant la transition invisible.

Si vous souhaitez afficher l'image sur différents arrière-plans, vous devez utiliser une image pour chaque couleur d'arrière-plan ou utiliser le format de fichier PNG pouvant prendre en charge une couche alpha.

(Notez que IE6 ne montre pas les images PNG avec un canal alpha correctement, mais il y a une solution pour que si vous avez besoin pour soutenir IE6.)