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

（或其他一些颜色）。您可能还想添加边框。