jQuery fadeIn не работает на firefox

Question

У меня есть мой body тег, установленный на display:none, а в документе. Уже, $('body').fadeIn(1000);. Он работает на Chrome, но на FF страница остается display:none.

Мой сайт here

Answer 1

Это было, как сказал кто-то, кто теперь удалил свой комментарий, факт, что это было на теле. Я добавил div внутри тела и применил стили и jquery, и это сработало нормально.

Answer 2

Вы display:none как на styles.css и инлайн.

Попробуйте удалить его из файла styles.css, так как он уже объявлен встроенным.

Answer 3

Если вы хотите, чтобы исчезнуть в вашем теле, используйте CSS:

@-webkit-keyframes fadeIn {  
    0% { opacity:0; } 
    100% { opacity:1; } 
} 

@-moz-keyframes fadeIn {  
    0% { opacity:0; } 
    100% { opacity:1; } 
} 

@-o-keyframes fadeIn {  
    0% { opacity:0; } 
    100% { opacity:1; } 
} 

@keyframes fadeIn {  
    0% { opacity:0; } 
    100% { opacity:1; } 
} 

Тогда на вашем теле CSS:

body { 
    -webkit-animation: fadeIn 1s linear 1; /* Safari & Chrome */ 
    -moz-animation: fadeIn 1s linear 1; /* Firefox */ 
    -o-animation: fadeIn 1s linear 1; /* Opera */ 
    animation: fadeIn 1s linear 1; 
} 

Это будет обрабатывать все, кроме IE9-, будет намного быстрее, и не будет путать ад с людьми, у которых отключен Javascript.