2011-02-03 86 views
0

不知道什麼是錯的,但不會元素淡入上http://kimberlywarner.com/對象不會褪色與IE

$('#photos').width(galleryWidth).animate(
     { 
      opacity: 1 
     }, 
     1500, 
     'easeInOutQuint', 
     function() 
     { 
      // Animation complete. 
     } 
    ); 
+0

您是否試過`fadeIn/fadeOut`或`fadeTo`函數? – Sarfraz 2011-02-03 18:33:06

+0

你有沒有試過把`script`標籤放在`head`裏? IE可以搞笑事情發生的地方 – heymrcarter 2011-02-03 18:40:15

回答

1

您需要先將其設置爲0,因爲默認情況下IE不支持不透明(jquery將處理內部)。

$('#photos').width(galleryWidth).css('opacity',0).animate(
     { 
      opacity: 1 
     }, 
     1500, 
     'easeInOutQuint', 
     function() 
     { 
      // Animation complete. 
     } 
    ); 
1

你告訴基於opacity了jQuery動畫。 Internet Explorer < 9不支持CSS opacity屬性,選擇專有過濾器。如果您使用相關fadeInfadeOut方法,jQuery將自動爲您應用特定於IE的過濾器。