IE7에서 내 컨텍스트 메뉴가 버튼 뒤에 나타나는 이유는 무엇입니까?

컨텍스트 메뉴에 대한 IE7 Z-Index 문제

문제 설명:

IE7에서, 메뉴를 숨기는 상황에 맞는 메뉴(ul)가 연결된 버튼 아래에 나타납니다. 이 동작은 브라우저의 고유한 스태킹 컨텍스트 처리로 인해 다른 브라우저와 다릅니다.

분석:

버튼과 메뉴에 사용되는 CSS는 상대 및 메뉴를 사용하여 이러한 요소를 배치합니다. 각각 절대 위치 지정. 그러나 IE7에서는 가장 가까운 위치의 조상(이 경우 "control-action" div)이 스태킹 컨텍스트를 결정합니다. 이는 메뉴의 Z-인덱스(10000)가 고려되지 않고 메뉴가 버튼 아래에 위치함을 의미합니다.

해결책:

이 문제를 해결하려면 , HTML 요소의 순서는 다음과 같이 수정될 수 있습니다.

<div class="control-action">
  <ul>

ul 뒤에 버튼을 배치하면 버튼이 가장 가까운 위치의 조상이 되어 새로운 스택 컨텍스트가 설정됩니다. 결과적으로 메뉴의 Z-인덱스(10000)가 적용되고 이제 메뉴가 버튼 위에 나타납니다.

위 내용은 IE7에서 내 컨텍스트 메뉴가 버튼 뒤에 나타나는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!