Question

我有一个PNG来帮助读取悬停菜单，但淡入淡出不适用于IE，它在Chrome和Firefox中效果很好，我也使用过PNG-24而PNG-8没有工作< / p>

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

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

Answer 1

IE至少旧版本在组合PNG透明度和CSS透明度方面存在严重问题。

我认为这在IE9中已修复，但我不确定。

每个人自己的工作都很好但不在同一个图像对象上。

Answer 2

IE8及更低版本不支持标准CSS opacity属性。

它使用特定于IE的filter属性支持另一种不透明方法，但使用opacity要比filter要复杂得多，因为.fadeIn()处理的是.fadeOut()整个范围的影响。

但是，由于您使用的是JQuery，为什么不使用内置的{{1}}和{{1}}效果 - 这样，JQuery会为您完成所有工作，包括锻炼如何在浏览器中更改不透明度。

请参阅http://api.jquery.com/category/effects/

在悬停时IE中的动画不透明度不起作用

2 个答案: