2010-06-23 10 views
2

J'utilise fadeIn pour fondre dans mes BG DIV.jQuery fadeIn ne fonctionne pas dans IE

exemple: http://commonmovement.com/MIP/about-mip.html

Cela fonctionne dans tous les navigateurs sauf IE, où il juste "pops" sur. Vous ne savez pas comment résoudre ce problème.

J'ai essayé d'utiliser:

$('#main.about_main').css('filter', 'alpha(opacity=0)'); $('#main.about_main').fadeIn(2000);

mais pas de chance.

CSS:

#main { height:100%; width:100%; padding:0; }

#main.about_main {display: none;}

Quelqu'un sait comment résoudre ce problème?

Merci

Répondre

0
$('#main.about_main').css('filter', 'alpha(opacity=0)'); 

Le DIV est transparent. Alors comment peut-il être vu?

+0

J'ai vu cela sur un autre post sur le même problème et j'ai trouvé que ça valait le coup d'essayer. – user373871

+0

'filter' est spécifique à IE. Cette ligne de CSS met le 'div' à transparent, donc peu importe que' display' soit 'none' ou' block', il ne sera pas vu. – nil

0

Cette première ligne avec le filtre est-elle nécessaire? Avez-vous essayé sans? L'affichage: aucun dans la feuille de style devrait suffire.

+0

Aparently ce n'est pas. – user373871

4

les opérations suivantes:

$('#main').hide().fadeIn(2000); 
+1

Je ne mettrais même pas le qualificatif '.about_main' là mais sinon +1, c'est comme ça que je le ferais (en supposant que vous n'ayez pas fait CSS' display: none' pour '# main'). – cletus

+0

@cletus, merci. Je n'ai même pas remarqué que lorsque je l'ai copié ... –

0

Je suppose que votre problème est pas avec IE, ses performances.

Dans mon IE 8 travaillé très bien, mais une transition assez lente et laide. Sur Chrome était assez fluide

Comme vous allez à IE 7 ou même 6 les performances devraient ralentir, parce que la grande animation DIV exige plus du navigateur.

Pouvez-vous tester cela sous IE 9? Ou même sur IE 8 sur une machine avec un meilleur CPU + RAM?

+0

Cela fonctionne très bien sur une machine haut de gamme. Je pense que les tailles de fichiers img sont un problème – user373871