2010-03-18 4 views
3

문제가 아주 분명해 보입니다. 나는 고객의 사이트에서 실제로 발생하는 문제를 해결하려고 노력하고 있지만이 사이트가 가장 분명합니다. IE7 Z- 색인 규칙을 따르지 않습니다. #mapWrapper와 #map에서 div와 같은 값으로 놀았습니다. 여기를보세요 : http://thepaysongroup.com/wp-content/plugins/hq_idx/searchlistings.phpz-index는 IE7에서 Google Map 및 Navigation Sub-Menus와 아무런 효과가 없습니다.

수십 개의 웹 검색을 수행했지만이 문제를 해결할 수있는 항목을 찾을 수 없습니다. 나는 또한 IE6/7z- 색인 불일치에 대한 Aleksandar Vacić의 기사를 통해 준비되었지만 여전히 아무것도 아니다. 어떤 도움이라도 대단히 감사 할 것입니다, 나는이 머리카락을 찢어 내고 있습니다.

답변

0

그래, 알아 냈어. 그래서 메인 네비게이션은 position : relative와 div #header에 있고 z- 인덱스는 정의되어 있지 않습니다. 헤더에 z- 인덱스를 배치하면 메뉴가 맵 바로 앞에 나타납니다.

여기에있는 교훈은 정의 된 위치를 가진 모든 요소, 절대적이거나 상대적인 요소, 문제의 요소와 상호 작용하는 방식을 살펴 보는 것입니다.

1

제 경험상, z- 인덱스는 IE에서 winky입니다. 0으로 설정하는 것이 특히 문제이므로 0이 Z- 색인 값 중 하나가 아닌지 확인하십시오.

간혹 가장 간단한 해결책은 html의 소스 순서를 변경하는 것입니다. 나중에 소스에 표시되는 내용이 맨 위에 표시됩니다. 당신 사건에 그 가능성이 있습니까?

1

정확하게 기억한다면 동일한 Z- 인덱스를 가진 두 개의 요소를 가질 수 없거나 모든 것이 펑키하게됩니다.

  1. 가짜 층 내에서 증가 될 Z- 색인 재설정 : 당신의 경로를 많이 시도하는 1000 몇 가지 아이디어의 Z- 인덱스를 확인할 수 있습니다. 즉, 모든 경계 획이 동일한 "레이어"에 있도록하려면 해당 레이어에 대해 1001과 2000 사이의 숫자를 할당합니다. 위의 다음 계층은 2001에서 3000 사이의 숫자를 사용합니다.

  2. 문서 흐름이 몇 개의 컨테이너에서 z- 인덱스를 설정하고 컨테이너 자체를 넓은 분리 된 z- 인덱스로 설정합니다.

  3. 역사적으로 IE에서는 콤보 상자 드롭 다운 및 ActiveX 컨트롤과 같은 요소가 실제 페이지 위에있는 레이어에 표시되므로 아무리 높게 설정해도 HTML 위에 항상 나타납니다. Z- 색인. 이것이 문제는 아니지만 맵 API를 사용하면 문제가 유발 될 수 있습니다. 더 읽기 here.

+0

나는 모든 것을 Z- 인덱스 값으로 처리 해왔다. 아무런 변화가없는 것 같다. 나에게 이해가되지 않는 한 가지는지도 플러그인의 일부인 드롭 다운 메뉴 (즉, 검색 기준 메뉴)가 정상적으로 작동한다는 것입니다. 나는이 메뉴의 z- 인덱스 값을 복제했지만 아직 아무 것도 복제하지 않았다. – bhamrick

관련 문제