jQuery - 애니메이션 Div 오버랩 IE7

Question

다른 div 위에 숨겨진 div (#contact 영역)가 있습니다. 링크를 클릭하면 #contact 영역이 열립니다. 다시 클릭하면 백업이 닫힙니다. IE7을 제외하고는 모두 잘 작동합니다.

두 div는 투명하므로 겹칩니다. 왜 이런 일이 일어나는지, 다른 브라우저에서는 그렇지 않은 이유가 전혀 없습니다. IE7과 같은 느낌이 들었습니다.

문제를 해결할 방법이 있습니까?

#contactArea { 
    background-color: white; 
} 

(또는 다른 색상) :

$(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 규칙을 추가합니다. 테두리를 추가 할 수도 있습니다.