제공된 텍스트를 기반으로 한 몇 가지 질문 스타일 제목은 다음과 같습니다. 문제에 집중하세요: * IE7의 다른 요소 뒤에 숨겨진 부트스트랩 드롭다운: 이유는 무엇입니까? * Beh에 나타나는 부트스트랩 드롭다운을 수정하는 방법

다른 요소 뒤에 표시되는 부트스트랩 드롭다운 메뉴

문제 개요

드롭다운 메뉴 클래스를 사용하여 생성된 부트스트랩 드롭다운이 텍스트 및 기타 요소 뒤에 나타납니다. Internet Explorer 7의 요소입니다. Z-색인을 조정하려는 시도에도 불구하고 문제가 지속됩니다.

원인

스태킹 컨텍스트 충돌로 인해 문제가 발생합니다. Z-인덱스는 동일한 스택 컨텍스트 내의 요소에만 영향을 미칩니다. 이 경우 드롭다운 메뉴가 필수 컨텍스트 내에 제대로 배치되지 않습니다.

해결책

문제를 해결하려면 상위 컨테이너인 헤더 상단에 다음 CSS를 추가하세요.

.header-top {
  position: relative;
  z-index: 10000;
}

이렇게 하면 상위 컨테이너가 상대 위치로 설정되고 원하는 Z-색인이 적용되어 드롭다운 메뉴가 적절하게 쌓이고 다른 요소 앞에 표시됩니다.

위 내용은 제공된 텍스트를 기반으로 한 몇 가지 질문 스타일 제목은 다음과 같습니다. 문제에 집중하세요: * IE7의 다른 요소 뒤에 숨겨진 부트스트랩 드롭다운: 이유는 무엇입니까? * Beh에 나타나는 부트스트랩 드롭다운을 수정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!