动画不透明在IE浏览器上悬停不会工作

我有一个PNG来帮助阅读悬停的菜单，但淡出不会工作在IE浏览器，它在Chrome和Firefox工作得很好，我也使用PNG-24以及和PNG-8没有什么工作动画不透明在IE浏览器上悬停不会工作

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

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

来源

2011-01-20 goetzs

即至少旧版本存在严重问题结合PNG透明度和CSS透明度。

我认为这是固定在IE9，但我不知道。

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

来源

2011-01-20 09:42:02

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

它支持不透明的一种替代方法，使用该IE-特定filter属性，但它是一个复杂得多一起工作比opacity，由于具有全范围的效果filter交易。

但是，由于您使用的是JQuery，因此您为什么不使用内置的.fadeIn()和.fadeOut()替代效果 - 这样，JQuery将为您完成所有工作，包括解决如何更改不透明度的方法浏览器，它在不在。

见http://api.jquery.com/category/effects/

来源

2011-01-20 10:12:09 Spudley

我换码至$（文件）。就绪（函数（）{ $（ '＃菜单'）。悬停（函数（）{ $（'＃渐变'）。fadeIn（'slow'）; }，function（）{ $（'＃gradient'）。fadeOut（'fast'）; }）; }）; \t \t但它仍然不褪色 – goetzs 2011-01-20 11:25:21

动画不透明在IE浏览器上悬停不会工作

回答

相关问题