jQuery-動畫導致Div重疊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;
}

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