JQuery FadeIn не работает в IE

Question

Я использую fadeIn для затухания в моих BG DIV.

пример: http://commonmovement.com/MIP/about-mip.html

Это работает во всех браузерах, кроме IE, где он просто «всплывает». Не уверен, как это исправить.

Я пытался использовать:

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

но не повезло.

CSS:

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

#main.about_main {display: none;}

Кто-нибудь знает, как это исправить?

Спасибо

Answer 1

Попробуйте следующее:

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

Answer 2

Полагаю, ваша проблема не в IE, а в производительности.

В моем IE 8 работал просто отлично, но довольно медленный и уродливый переход.В Chrome все было довольно плавно

Когда вы переходите на IE 7 или даже на 6, производительность должна замедляться, потому что большая анимация DIV требует больше от браузера.

Можете ли вы проверить это под IE 9?Или даже на IE 8 на машине с лучшим CPU + RAM?

Answer 3

Нужна ли первая строка с фильтром? Вы пробовали это без? Дисплей: ни один в таблице стилей не должно быть достаточно.

Answer 4

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

DIV прозрачен. Тогда как это можно увидеть?