2013-01-23 102 views
0

jQuery的動畫功能只支持IE9,Firefox,Chrome但不在< IE 9中。有沒有解決方案?jQuery的動畫不顯示在ie7/ie8

/* <![CDATA[ */ 
$(document).ready(function() { 
    $(".subSlogan").animate({"opacity": "-=1", top: 0, left: 0 }, 1); 
    $(".subSlogan").animate({"opacity": "-=1", top: 0, left: 0 }, 1000); 
    $(".subSlogan").animate({"opacity": "+=1", top: 95, left: 120 }, 1200); 

    $(".Slogan").animate({"opacity": "-=1", top: 300, right: 0 }, 1); 
    $(".Slogan").animate({"opacity": "-=1", top: 300, right: 0 }, 2000); 
    $(".Slogan").animate({"opacity": "+=1", top: 153, left: 180 }, 1200); 

    $(".Schweizerkreuz").animate({"opacity": "-=1", top: 155, left: 795 }, 1); 
    $(".Schweizerkreuz").animate({"opacity": "-=1", top: 155, left: 795 }, 3500); 
    $(".Schweizerkreuz").animate({"opacity": "+=1", top: 155, left: 795 }, 1200); 

    $("#logoBox").animate({"opacity": "-=1", top: -250 }, 1); 
    $("#logoBox").animate({"opacity": "-=1", top: -250 }, 4000); 
    $("#logoBox").animate({"opacity": "+=1", top: 0 }, 1200); 
}); 
/* ]]> */ 
+0

你使用jQuery 2.0嗎? – Dean

+0

不,jQuery 1.6.1 – mbee

+1

它可能不會動畫,但是CSS更改發生了嗎? –

回答

1

我相信這是有透明度的問題沒有在IE < 9全力支持,而不是與動畫功能的問題。本質上,一個CSS問題,而不是一個jQuery問題。你可以動畫其他CSS屬性?

0

IE5或IE8不支持HTML5和CSS3,但它在IE9中受支持。這就是爲什麼你的動畫不工作。所以你的jQuery代碼沒有錯誤。