Effet de fade transition IE8 sur puces li

Bonjour

Voir le lien ci contre

http://ledricholivier.com/itineraire_consulting/index.php

Mes puces contiennent des images .
Je les charge avec un fadeIn jquery mais les images apparaissent après le chargement du texte !

De plus leur texte apparait en gras lors du fade!

Existe il une méthode de callback pour corriger ce bug sous IE ??

J'ai trouvé merci

Ça venait
1:de mes puces qui étaient des png

pas trop compatible avec IE lors d'un fadeIn(ca brouille le png au chargement)

j'ai mis un gif à la place

2:du list-style-image pas encore adapté à IE

fallait remplacer ca par un background et le positionner.

#content.index ul li {
	font-size: 100%;
	color: #333333;
	padding-left: 20px;
	margin-bottom:5px;
	list-style-type:none;
	list-style-image:none;
	background:  url(../img/PuceGrise.gif) 0 0.32em no-repeat;
}

ah!!!!!! une heure de recherche pour une puce sur stack overflow etc.......
cool le google

Y a pas de mauvais moteur, y a que des mauvaises recherches

SALUT jmlapam!

j'ai viré le bleu comme tu me l'avais suggéré
c'est mieux

Je remonte ce topic car IE8 a un autre problème concernant les fade(cleartype?)

le texte devenait pixelisé au chargement de mes puces

j'ai rajouté un backgound-color sur mes li mais c'est pas encore tout à fait ca

il en va de même pour mon paragraphe au dessus qui se pixelise

Après plusieurs recherches, si si, j'ai entendu dire que c'était lié à la propriété css filter

j'ai essayé durant mon fadeIn dans le callback

$(this).delay(delay).fadeIn('slow',function(){
        if (jQuery.browser.msie)  
            this.style.removeAttribute('filter');
});

mais sans succès

ma question est: quelle est la meilleure méthode, la plus répandue ?

le lien et voyez comme le texte se pixelise !

http://ledricholivier.com/itineraire_consulting/index.php

c'est quand même insupportable

Malgré mes recherches et mes tests->néant

j'ai essayé avec la step 2

http://www.kevinleary.net/jquery-fadein-fadeout-problems-in-internet-explorer/

mais non

Salut,

Bizarrement, je ne vois aucune différence entre le 'ugly' et le 'pretty' sur la page de démo du lien que tu indiques.

Si je peux te donner un conseil simple, vire tous ces effets jQuery qui n'apportent strictement rien, si ce n'est détourner le visiteur du contenu, et concentre toi sur les vrais problèmes de ton site, tel que rendre son épaule au pauvre gus sur ces cubes, ou virer le flash intempestif à chaque changement de page.

My 2 cents
Modifié par Florian_R (24 Aug 2011 - 15:32)