jQuery的 - 動畫原因股利重疊IE7

Question

我在另一個上面的div隱藏的div（#contactArea）。當我點擊鏈接時，#contactArea會打開。當我再次點擊它時，它會關閉。這一切都很好，除了在IE7中。

的兩個div是透明的，因此它們重疊。我不知道爲什麼會發生這種情況，或者爲什麼不在其他瀏覽器上發生。它只是感覺像IE7是正確的在這一個。

任何方式解決這一問題？

$(document).ready(function(){ 
    $("#contactArea").css('display', 'none'); 

    $("a.contact").toggle(function() { 
     $("#contactArea").animate({height: "show"}, 1500, "easeOutBounce"); 
    }, function() { 
     $("#contactArea").animate({height: "hide"}, 1500, "easeOutBounce"); 
    }); 
}); 

Answer 1

添加下面的CSS規則：

#contactArea { 
    background-color: white; 
} 

（或其他顏色）。您可能還想添加邊框。