Firefox 2에서는 overflow : hidden을 사용하면 다른 div가 현재 div와 겹치 게됩니다.

절대 (메뉴의) 위치에있는 div에 대해 overflow : hidden을 사용하면 다른 div가 겹칩니다. 여기에 코드가 있습니다. 그것은 FF3에서 잘 작동합니다. 어떤 도움을 주셔서 감사합니다. html은 그대로 있어야합니다. 또한 솔루션을 제공 할 수있는 경우 메뉴 div (메뉴 텍스트가 포함 된 div) 스타일을 변경하면 더 도움이됩니다.Firefox 2에서는 overflow : hidden을 사용하면 다른 div가 현재 div와 겹치 게됩니다.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html> 
<head> 
<title>Title of the document</title> 
</head> 

<body> 
<div style="position:relative"> 
    <div> 
     <div style="height:20px;overflow:hidden"> 
      <div style="position:absolute;width:200px;height:100px;top:0px;background-color:black;z-index:1">menu</div> 
     </div>  
    </div> 

    <div style="position:relative;height:200px;background-color:gray;"></div> 
</div> 
</body> 

</html>

출처

2010-06-05 Shankar

분명히, FF2가 overflow와 z-index 몇 가지 알려진 문제가 있습니다 : 여기

사전

감사는 코드입니다. ( this google search 참조)

해결 방법이있을 수 있지만 overflow: hidden으로 수행하려는 작업을 알아야합니다. 실제로 효과가 없으므로 코드에서 알기가 어렵습니다. 제거하면 overflow:hidden이 결과를 얻습니다.

출처

2010-06-05 19:44:15 matthewwithanm

감사합니다. Matthew. 예, 여기서 제공 한 코드는 오리지널 애플리케이션의 샘플이며 오버플로를 사용하여 문제가 발생합니다 (원래 애플리케이션에서도 html 구조는 거의 동일 함). 응용 프로그램이 생산되고 코드가 다른 사람에 의해 개발 되었기 때문에 메뉴 div의 CSS를 변경하는 것 외에는 별다른 옵션이 없습니다. 다른 CSS 또는 HTML을 변경하려면 지금까지 할 여유가없는 험한 회귀 테스트가 필요합니다. – Shankar

이해합니다. 오버플로가 무엇을 의미하는지 궁금해하는 것 같아요. 아무 것도 마스킹하지 않으면 오버플로를 설정하여 문제를 피할 수 있습니다. – matthewwithanm

감사합니다. Matthew, 오버플로로 설정합니다 : 지금은 볼 수 있으며 다른 영역에서는 문제가 발생하지 않는지 확인하십시오. – Shankar

Firefox 2에서는 overflow : hidden을 사용하면 다른 div가 현재 div와 겹치 게됩니다.

답변

관련 문제