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;
}

（或其他颜色）。 您可能还需要添加边框。