Анимация прозрачности в IE при наведении не будет работать

Question

У меня есть PNG, который помогает читать меню при наведении, но затухание не работает в IE, оно прекрасно работает в Chrome и Firefox, я также использовал PNG-24, а PNG-8 ничего не работает

$(function() {
      $('#gradient').animate({ "opacity": 0 });

        $('#menu').hover(function() {
            $('#gradient').removeClass('hidden').animate({opacity: '1'}, 400);
        }, function() {
            $('#gradient').animate({filter: '0'}, 400);
        });
    });    </script>

Answer 1

IE8 и ниже не поддерживают стандартный атрибут CSS opacity.

Он поддерживает альтернативный метод непрозрачности, использующий специфический для IE атрибут filter, но работать с ним намного сложнее, чем opacity, поскольку filter имеет дело с целым рядом эффектов. 1007 *

Однако, поскольку вы используете JQuery, почему бы вам не использовать вместо этого встроенные эффекты .fadeIn() и .fadeOut() - таким образом, JQuery сделает всю работу за вас, включая разработку того, как изменить Непрозрачность в браузере.

См. http://api.jquery.com/category/effects/

Answer 2

IE по крайней мере более старых версий имеет серьезные проблемы, сочетающие прозрачность PNG и прозрачность CSS.

Я думаю, что это исправлено в IE9, но я не уверен.

Каждый из них работает нормально, но не на одном и том же объекте изображения.