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
merci @pekka, je lis ces articles que vous avez fait remarquer à cette question, je vous souhaite bonne chance – littlechad