Shadow / Filter не работает, т.е. после анимации, как fadeIn

Question

Ребята Нужна ваша помощь. У меня есть тень, примененная к Div thru CSS, но в т.е. тень не отображается с анимацией как .fadeIn или .show("slow") Изначально Div скрыт (дисплей: нет) Я также пытался применить стиль сразу после анимации, но теперь мне повезло.

$(document).ready(function() {
 var obj = $('#message')
    //obj.show(); //Working
    obj.fadeIn("slow"); //NOT Working
    obj.addClass("shadow")
});

Вот мой код jsFiddle

Можно ли что-то сделать для т. Е. Или нет?

Большое спасибо.

Answer 1

Я полагаю, что это потому, что jquery удаляет атрибуты фильтра при анимации прозрачности, потому что IE не может правильно их отобразить. Вы можете добавить атрибут фильтра обратно после завершения анимации.

http://jsfiddle.net/u7CJv/10/

Answer 2

Нашел ответ в этом сообщении

Просто нужно добавить это к моему js или коду плагина

jQuery.fn.fadeIn = function(speed, callback) { 
return this.animate({opacity: 'show'}, speed, function() { 
    if (jQuery.browser.msie)  
        this.style.removeAttribute('filter');  
    if (jQuery.isFunction(callback)) 
        callback();  
}); 

};

Спасибо Ник Лоуман