2010-09-18 8 views
0

J'ai une image png dans un DIV qui se fond dans et hors avec le code js.Png dans IE navigateur problème

Cela fonctionne dans tous les principaux navigateurs sauf les navigateurs IE. J'ai testé IE6, 7 et 8, et tous se ressemblent.

J'ai même testé avec un code javascript pngfix mais cela n'a pas aidé du tout. Ce qui se passe, c'est que l'image png apparaît, mais a des bords noirs rugueux qui sont très épais.

J'ai essayé de convertir le png en GIF, mais ça a l'air horrible.

Que dois-je faire ici?

Merci

+0

Le problème avec l'image ou avec le code d'évanouissement est-il également présent? Si c'est le code, postez le code. – epascarello

+0

image offcourse ... –

+0

Postez quand même le code. –

Répondre

2

Cela ressemble à l'ancienne "IE PNGs transparents dans des conteneurs avec l'opacité" bug. Voir here pour les liens.

0

Définir vos images en arrière-plan image dans une division avec les mêmes dimensions que l'image, et utilisez le CSS suivant:

.divBGImage {background-image:url(/images/image.png); 
    background-repeat:no-repeat;height:34px; width:255px;} 
* html .divBGImage { background: none; 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/image.png', sizingMethod='crop'); 
    } 

Juste un avertissement que IE peut déchirants fading png. Il crée un contour noir lors de l'animation.

Vous pouvez utiliser une animation différente pour les navigateurs IE en vérifiant si son IE ou non:

si (.browser.msie $) {// Options d'animation pour les navigateurs mauvais } autre { // Options d'animation pour les navigateurs appropriés }