IE7에서 작동하려면 z- 색인 생성

Question

nav는 mac 및 pc에서 테스트 한 모든 브라우저에서 동일하게 작동합니다. 그러나 나는 IE7에서 탐색이 주요 콘텐츠 블록의 콘텐츠 아래에 나타나는 이유를 알아 냈습니다. 이 문제를 보려면 http://obs4.dynapp.net/을 확인하십시오. IE7에만 존재합니다. 문제 해결에 관심이 있다면 출처를 확인하십시오. 나도 몰라. 나는 html/css를 쳐다 보며 무엇이든 질 수 없었다.

http://obs4.dynapp.net/

Answer 1

심각하게 짜증나는 IE7 버그입니다. 이는 DOM의 이후 위치에있는 요소가 Z 색인 상태에 관계없이 DOM의 초기 요소보다 우선 순위가 부여되기 때문에 발생합니다. , 기본적으로 http://thedesignspace.net/MT2archives/000763.html

을 최소한의 공통 조상으로 위치 및 z 색인을 추가

이 문서를 수정하는 방법을 설명합니다. 따라서 헤더와 내용이 모두 컨테이너에 포함되어있는 경우 해당 컨테이너에 위치와 Z- 색인을 추가하십시오. 그들이 몸의 직접적인 자녀라면, 몸에 추가하십시오.

희망이 있습니다.

Answer 2

Z-인덱싱 IE7와 이상이다. 내비게이션에 position: absolute이 있습니다. 콘텐츠에 position: relative이 있습니다. 예, 위치가 중요하지 않은 위치에서 z 인덱싱이 작동해야하지만 IE7이 영향을 받아 Z- 인덱스에 대해 두 개의 다른 "스택"을 제공하므로 absolute 및 relative 요소는 서로 상호 작용하지 않습니다. 귀하의 탐색을 position: relative 대신 시도한 다음 그에 맞게 CSS를 다시 조정하십시오.