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

컨텍스트 메뉴 관련 IE7 Z-Index 문제

버튼이 그 아래의 컨텍스트 메뉴(ul)를 여는 시나리오에서 메뉴가 나타나는 데 문제가 있을 수 있습니다. IE7의 다음 버튼 아래에 있습니다. 이 동작은 IE7이 다른 브라우저와 비교하여 스택 컨텍스트를 처리하는 방식이 다르기 때문에 발생하는 것 같습니다.

이 문제에 대한 가능한 해결책 중 하나는 컨텍스트 메뉴(ul)가 포함 요소 내의 첫 번째 요소인지 확인하는 것입니다. HTML에서 버튼과 컨텍스트 메뉴를 재배열하면 ul 뒤에 배치할 수 있어 IE7의 z-index 문제를 해결할 수 있습니다. 이는 다음과 같이 HTML 마크업을 조정하여 달성할 수 있습니다.

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

ul 뒤에 버튼을 배치하면 메뉴가 이제 IE7 및 기타 브라우저에서 버튼 아래에 올바르게 표시됩니다.

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