2012-09-20 10 views
7

모바일 사이트를위한 메뉴를 만들었습니다. 메뉴를 클릭하면 메뉴가 슬라이드됩니다. 이것은 페이지입니다.Internet Explorer의 Z- 색인이 작동하지 않습니다.

http://www.roadtotheweb.com/m.about.html

유일한 문제는 IE와 윈도우 폰의 메뉴 객체 뒤에 슬라이드 그래서 최상위 요소가 아닌 것입니다.

Z- 인덱스, 위치 유형, hasLayout을 사용하지 않으려 고 시도했습니다.

감사합니다.

J

당신이 알려진 버그를 처리 할 수있는 것 같습니다
+1

우리가 간다, 또 다른 "뭔가 IE에서 작동하지 않습니다"... 왜 내가 놀랍지 않니? 어쨌든 절대 위치를 설정하십시오. –

+0

아직 시도하지 않았습니다. – Naz

+0

[Dropdown 메뉴가 IE의 다른 요소 뒤에 숨어 있습니다] (http://stackoverflow.com/questions/3972807/dropdown-menu-hides-behind-other-elements-in-ie) –

답변

27

:

"Internet Explorer에서 요소 따라서 0의 z-index 값으로 시작, 새로운 스태킹 컨텍스트를 생성 할 위치에 Z- 인덱스 당신은 Quirksmode 웹 사이트에 버그 리포트를 볼 수 있습니다. "제대로

를 작동하지 않고 해결 방법이 in this blog post을 설명했다.

<div style="position: relative; z-index: 3000"> 
    <div style="position:absolute;z-index:1000;"> 
     ... 
    </div> 
</div> 
+0

확인이 완료되었습니다. - 감사합니다. – Naz

+1

당신은 환영합니다. 답변 된 질문에 표시하십시오. – nana

+1

동일한 문제가있어서 게시 한 링크의 지침에 따라 해결했습니다. –

-5

여전히 작동하지 않으면 반드시 호환성 모드를합니다

은 기본적으로 당신이해야 할 일은 다음 예를 에 대한 빠른 해결의 스케치가 높은 Z-인덱스 요소에 포장입니다 사이트에 대해 사용 중지되었습니다.

+0

왜 호환성보기 도움말을 해제해야합니까? IE의 버그입니다. – jAC

0

정기적으로 두 개의 레이어를 바꾸고 Z- 인덱스를 0에서 1로 변경하고 그 반대도 마찬가지입니다. 몇 년 후 IE에서 작동이 멈췄습니다. z-Index를 1과 2로 변경했습니다. 이제는 정상적으로 작동합니다. 나는 버그가 0 개의 z- 인덱스와 관련이 있다고 생각한다.

관련 문제