2009-12-12 7 views
0

나는 Joomla를 사용하는 클라이언트를 위해 배포 한 사이트를 가지고 있으며 많은 방문자들이 IE6를 사용하고 있습니다. 고객이 검색을 수행하고 주문 또는 페이지 수를 변경할 수있는 옵션이있는 경우 스타일링 버그가 있음을 알 렸습니다. 그들이 화면에 도달하고 상단의 탐색 바에있는 Shop 메뉴 항목 위로 마우스를 가져 가면 메뉴 아래에 뒤에 이 표시됩니다.IE6에서이 스타일 버그를 어떻게 해결할 수 있습니까?

나는 이것이 어떻게 든 z-index에 관한 IE6 버그라는 것을 발견하기 위해 조사를했지만, 적절하게 수정하기 위해 스타일 시트를 어떻게 변경해야하는지에 대해서는 분실했다.

문제의 웹 사이트는 http://edwardjamesandco.com

+0

그것은 또한 내가 사용하는 iframe이 심을 시도하고있어 구글 크롬 –

답변

2

이 IE6에서 잘 알려진 CSS의 버그가

:-(는. AFAIK 해결 방법은 (그것은 당신의 눈을 보호 끔찍) 메뉴 아래 IFRAME을 넣어하는 것입니다 ..

그것은 이렇게 아주 끔찍한 SELECT 인덱스 그러나 JQuery와 항상 같이 구조에 여기에 있습니다 :

http://jetlogs.org/2008/05/09/jquery-fix-ie-select-box-z-index-bug/

+0

@ MooTools와 비슷한 결과가 발생하지 않았습니까? 내가 Joomla를 실행하고 있기 때문에 이미 그들이 사용하고있는 도서관에 가방을 넣을 수 있다면 좋을 것입니다. – Joseph

+0

@Dave 제안한 수정 프로그램을 구현했지만 여전히 작동하지 않습니다. jQuery ('# nav')를 호출합니다 .bgiframe(); 그리고 그것이 iframe을 추가하는 것을 볼 수 있지만 드롭 다운 목록은 여전히 ​​그 위에 나타납니다. – Joseph

+0

@Dave 나는 문제를 해결했다. 메뉴 시스템은 UL로 끝났으므로 사용자가 가리킬 때 드롭 다운 될 iframe을 UL 목록에 추가해야했습니다. – Joseph

1

아니 Z - 인덱스 문제입니다. 항상 모든 항목 위에 선택 상자를 렌더링하는 불쾌한 ie6 버그입니다.

해결 방법은 기본적으로 iframe shim —을 사용하여 메뉴 요소 뒤에 iframe을 삽입하는 것입니다. IFRAME을가 부적절하게 z 축 모호 있도록

+0

@Triptych에 이상한 모습 jquery Dave가 제안한 플러그인이지만 여전히 작동하지 않습니다. nav div 내부에 iframe을 추가했는데 그렇게 할 것이라고 생각했지만 잘못된 장소에 추가하려고합니다. – Joseph

관련 문제