[jQuery] Bords noirs sur PNG avec IE8

Question

Bonjour !

Incroyable ! C'est la première fois que ça m'arrive, alors j'étais sur que c'était impossible : au rendu d'un script en jQuery, j'ai un problème d'affichage avec... Internet Explorer ! Si si, j'vous assure ! Moi non plus, j'en reviens pas XD !

Bref..j'ai 3 images PNG dont certaines parties sont transparentes. Chacune a des events jQuery.
Pas de problème sur Chrome (bien entendu), mais sur Internet Explorer apparaissent des pixels noirs (et très peu esthétiques) sur les PNG, à la place des pixels "semis-transparents". Comparez plutôt l'ombre du logo (Zorrito studio) de cette page, sur IE8 et un vrai navigateur : IE a un noir franc, Chrome est en semi-transparence...

Y a-t-il une astuce pour éviter ces contours disgracieux ?
Merci d'avance !

creadiff · Answer

Cela m'était déjà arrivé... je crois (pas sûr, attention) qu'on peut régler ça avec un filtre au nom imprononçable (code CSS) :

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fichier-png-24bits.png')

Sources : (fr) (en)

Utilisateur anonyme · Answer

C'est en CSS ça ? Oh le truc !

[jQuery] Bords noirs sur PNG avec IE8

2 réponses

Votre réponse

Discussions similaires