IE7의 다른 콘텐츠 뒤에 부트스트랩 드롭다운이 나타나는 이유는 무엇입니까?

다른 콘텐츠 뒤에 나타나는 부트스트랩 드롭다운

질문:

부트스트랩 드롭다운이 다른 콘텐츠 뒤에 지속적으로 나타납니다. 특히 IE7의 페이지 요소입니다. 관련 CSS에 z-index를 적용했는데도 문제가 지속됩니다.

답변:

이 동작은 스택 컨텍스트 문제로 인해 발생합니다. z-index는 동일한 스택 컨텍스트 내의 요소에 영향을 주지만 드롭다운은 z-index 및 위치 속성이 모두 포함된 컨테이너 내에 배치되어야 합니다.

해결책:

수정 헤더 상단 div의 CSS는 다음과 같습니다.

<code class="css">.header-top {
  z-index: 10000;
  position: relative;
}

.header .header-nav ul#nav-account ul.dropdown-menu,
.header .header-nav ul#nav-library ul.dropdown-menu {
  z-index: 10000;
}</code>

헤더 상단 div의 z-인덱스와 위치를 설정하여 드롭다운이 상주하는 새로운 스태킹 컨텍스트를 설정하여 항상 페이지 콘텐츠 앞에 표시됩니다.

위 내용은 IE7의 다른 콘텐츠 뒤에 부트스트랩 드롭다운이 나타나는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!