jQuery fadeIn et fadeOut ne fonctionnent pas dans Internet Explorer 6, 7 ou 8?

Hi Im en utilisant jQuery fade in/out sur les divs qui contiennent des images et du texte. Cela fonctionne très bien dans Firefox, Chrome et Safari, mais l'effet ne semble pas fonctionner du tout dans Internet Explorer. L'image disparaît à la fin du nombre de millisecondes que j'ai spécifié, mais elle ne s'estompe pas.jQuery fadeIn et fadeOut ne fonctionnent pas dans Internet Explorer 6, 7 ou 8?

Existe-t-il des règles spéciales pour l'utiliser dans Explorer?

Source

2010-03-17 roadadadl

sont ceux des éléments div dans une table par hasard? – Jeremy

pourriez-vous poster un code? – meo

J'ai le même problème, mais je n'ai même pas d'image de fond. J'essaye juste de fondre dans un simple div rouge avec une notification d'utilisateur. Si j'utilise .show() ça marche très bien, tout comme slideDown(). Cependant, tout le fondu du tout, et IE semble aller dans une sorte de boucle infinie - juste assis à toujours monopoliser le processeur et "chargement" de la page. C'est ennuyeux, mais je veux juste utiliser .show() pour le moment - travailler sur deadline = o) Je peux poster du code, si cela peut aider n'importe qui, il ne fait que 15 lignes. – Eli

La couleur de l'arrière-plan est-elle définie pour l'élément dans lequel vous vous trouvez?

Source

2010-03-17 20:47:11 Victor

Je pense que plus d'informations sont nécessaires sur la nature de l'élément lui-même, mais ma supposition spontanée est que quelque chose ne va pas avec votre image d'arrière-plan (en supposant que vous en avez un). Publiez du code (CSS, HTML et JS), pour que nous puissions vraiment aller au fond des choses.

Source

2010-03-17 20:52:29 dclowd9901

J'ai la DIV HTML suivant qui ne fonctionne pas à l'aide FadeIn/FadeOut dans IE:

 <div class="tip" style="width: 220px; display: none;"> 
      <div class="tip-header"> 
       <span><b>Title</b></span> 
       <div class="right close"><a href="javascript:void(0);">close</a> <img alt="" src="/Images/close-normal.png"/></div> 
      </div> 

      <div class="tip-content">EBody comes here.</div> 
     </div> 


.tip 
{ 
    display: block; 
    z-index: 99999; 
    position: fixed; 
    background-color: #ffffff; 
    -moz-box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 0.6); 
    -webkit-box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 0.6); 
    border:solid 1px #82C2FA; 
    -moz-border-radius: 8px; 
    -webkit-border-radius: 8px; 
} 

.tip-header 
{ 
    padding: 8px; 
    min-height: 10px; 
    -moz-border-radius-topleft: 8px; 
    -moz-border-radius-topright: 8px; 
    -webkit-border-radius-topright: 8px; 
    -webkit-border-radius-topleft: 8px; 
    background-color: #CFE6FD; 
    border-bottom: 1px solid #82C2FA; 
} 

.tip-header span 
{ 
    font-size: 14px; 
    color: #666666; 
} 

.tip-content 
{ 
    padding: 8px; 
    text-align: left; 
    font-size: 12px; 
} 

.close, .whats-this 
{ 
    cursor: pointer; 
} 

.close a 
{ 
    color: #085FBC; 
    text-decoration: none; 
} 

.close img 
{ 
    vertical-align: bottom; 
}

Source

2010-05-16 19:55:44

L'image d'arrière-plan est bien définie. –

Oui, il est le principal ".tip" div.

$(".tip").fadeIn("slow");

mais cela fonctionne dans IE (bizarre):

$(".tip").show();

Source

2010-05-16 20:40:37

jQuery fadeIn et fadeOut ne fonctionnent pas dans Internet Explorer 6, 7 ou 8?

Répondre

Questions connexes