2010-12-04 34 views
0

je suis en train de mettre quelques images sur le dessus d'une autre image, puis je suis Fondu sortant et ces images sur le dessus, voici mon css:positionnement et l'image insuffisance Tranparency sur IE 8

#spark1 { 
    bottom: 211px; 
    left: 252px; 
    position: relative; 
    width: 75px; 
} 
#spark2 { 
    bottom: 100px; 
    left: 286px; 
    position: relative; 
    width: 50px; 
} 

mon HTML :

<div id="spark1"> 
    <img src="clientside/images/big_sparkle.png" /> 
</div> 
<div id="spark2"> 
    <img src="clientside/images/little_sparkle.png" /> 
</div> 

mon effet de fondu (dans le cas où cela n'a rien à voir avec le problème que je suis face)

$(function(){ 
    setInterval(function() { 
     $('#spark1').fadeOut(800).fadeIn(800); 
     $('#spark2').fadeOut(1000).fadeIn(1000); 
    }, 2000); 
}); 

Tout Loo ks bon sur firefox et chrome, mais sur IE 8 (testé sur aucune des versions antérieures d'IE), les images sparkle ont un mauvais positionnement et il a un fond noir au lieu de transparent, comment puis-je gérer cela ?? grâce

Cordialement

Mise à jour:

j'ai essayé quelques solution css, mais rien ne semble fonctionner (probablement parce que je pose ma candidature de la mauvaise façon: p), mais finalement je l'ai trouvé un légère solution pratique, je mets cette ligne après mon jquery effet de fondu:

et ce à mon img css:

#spark1 img{ 
     background: transparent; 
     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; IE8  
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); IE6 & 7 */  
     zoom: 1; 
    } 

merci pour pekka pour me signaler à ces articles, je pense que je vais en tenir à cette solution pour l'instant

Répondre

1

Si vos PNGs ont transparence alpha, il est en fait un bug qui persiste même dans IE8 : Les images avec transparence alpha ne peuvent pas être rendues transparentes (= valeur opacity autre que 1).

Voir this question pour des informations générales et des solutions de contournement.

+0

merci @pekka, je lis ces articles que vous avez fait remarquer à cette question, je vous souhaite bonne chance – littlechad