Pourquoi jquery (fadeIN) modifie le style de mes input

**Nico_SAS** · 22/02/2012, 17h41

Bonjour,
En testant les effets FadeIN dans une interface je remarque le style de la police est modifié sans que je le lui demande..

Y a t'il une explication ?
A savoir : test sous IE8 (mais je n'ai que IE8 dans mon entreprise.)

Ci apres un ptit code test pour reproduire le phénomene.

Merci

PS : un second test que même si je travaille sur un <p> c'est pareil, ce n'est pas lié qu' un input.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<!DOCTYPE html> 
<html>
<head>
<title> Voici une pâge contenant du javascript </title>
  <style> 
  #list_struct{font-style:bold;font-size:14px;}
  </style> 
 
</head>
	<body>
 
<form name="Form1" >
 
<div id="TEST">
<select name="list_struct" id="list_struct" class="champ_col1">
           <option value="ALL">TEST</option>
<select>
</div>
 
<div id="TEST2">
<input type="button" id="but1" value ="cache"  /> 
<input type="button" id="but2" value ="apparaitre"  /> 
</div>
</form>
 
<script language="javascript" src="jquery.js">
</script>
<script> 
 
$("#but1").click(function () {  
	$("#list_struct").fadeOut(500);
}); 
 
$("#but2").click(function () {  
	$("#list_struct").fadeIn(500);
}); 
</script> 
</body>
 
</html>

**SpaceFrog** · 23/02/2012, 08h39

C'est le bold qui pose souci à IE sur le fade...
Il me semble avoir déja rencontré ce souci ...

De mémoire, c'est lorsque le fond du conteneur du font bold est transparent.
le fix c'est de mettre un fond de couleur (ce qui n'est pas toujours possible

)

Voilà j'ai retrouvé le post en question
http://www.developpez.net/forums/d93...texte-sous-ie/

**Nico_SAS** · 23/02/2012, 15h48

apres quelques petites recherches j'ai lu qu il s'agissait d'un probleme du filtre du lissage des polices, pb sur IE8 qui peut etre resolu de cette maniere là

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
$("#list_struct").fadeIn(500,function(){
   this.style.removeAttribute("filter"); 
});

Merci

**SpaceFrog** · 23/02/2012, 15h49

Oui j'ai testé cette solution là , mais elle ne m'a pas convaincu, elle ne fonctionne pas partout.

**Nico_SAS** · 23/02/2012, 17h00

De mon coté ca fonctionne mais il est vrai que le lissage n'est pas immédiat du coup l'effet n'est pas tip top
si tu as autre chose encore mieux à proposer j suis preneur, mais j'ai trouvé que ca

Merci

**SpaceFrog** · 23/02/2012, 17h02

Le mieux que j'ai trouvé est de mettre un fond de couleur quand c'est possible.
Et lorsque ce n'est pas possible, desactiver l'effet fade pour IE

Pourquoi jquery (fadeIN) modifie le style de mes input

jQuery

Vue hybride

Discussions similaires

Partager

Partager