將CSS3動畫轉換為JQuery以在IE8及更高版本中使用

Question

我昨天發布了一個問題 ，經過5個小時或更長時間與IE8的斗爭，只是為了在過渡發生之前隱藏覆蓋文本，我認為解決此問題的唯一方法是將其轉換為JQuery。 我有一個CSS動畫，我需要切換到jquery或javascript，因為IE8在hover發生之前會顯示覆蓋文本。 因為CSS很長，所以我做了這個JSFiddle 。 css轉換發生在第25和44行上。

Answer 1

在這里，您可以根據需要修改數字。 我沒有IE，所以無法測試，但這應該很好：

$(".cascade-t1").hover(function(){
    $(".cascade-corner").fadeOut();
    $(".overlay-t1").animate({"left": "-300px"}, 300, function(){
        $(".cascade-overlay-content").fadeIn(200);    
    });


}, function(){

   $(".cascade-corner").fadeIn();
   $(".cascade-overlay-content").fadeOut(200, function(){
       $(".overlay-t1").animate({"left": "130px"}, 300);    
    });

});

JSFIDDLE