2009-12-04 2 views
3

Page - http://blu-eye.com/index.html -이 페이지를 제외한 나머지 사이트에서는 제대로 표시되는 suckerfish 메뉴가 포함되어 있습니다. 메뉴 항목은 아래 내용 뒤에 숨겨져 있습니다.Suckerfish의 아들 메뉴 IE6 - 내용 뒤에 숨어있는 메뉴

아래 내용에는 이미지와 텍스트가있는 자바 스크립트 슬라이더가 있습니다. 나는 요소의 대다수에서 z- 인덱스를 변경하려고 시도했지만 여전히 운이 없다.

IE (6 및 7)에서만 발생합니다.

도와주세요!

+0

z-index가 도움이됩니다. 어떤 요소/어떻게 설정합니까? –

답변

2

당신이 드라마는 상대 위치 지정된 요소의 사용은, < IE8에서 z 순서 컨텍스트를 다시 설정합니다.

특히 div # 헤더에서 상대적 위치를 제거하십시오. div # cat_528463_divs> ul> li에서 z 인덱스 (예 : 1000)를 설정합니다. 이것은 nav 슬라이더가 JS 슬라이더 아래에 끼어 들지 않도록 수정합니다. 그러나 로고와 다른 이미지를 절대적으로 배치하기 때문에 나머지 섹션의 모양이 엉망이됩니다. 그래서 그것은 재건 될 필요가 있습니다.

+0

우수, 치료를 일했다! –

1

IE는 요소의 스태킹 순서가 약간 다르므로 다른 Z- 인덱스로 무언가를 설정하면 반드시 위의 단계로 이동하지는 않습니다.

시작점을 래퍼로 사용하여 위치를 상대적으로 추가 한 다음 HTML로 작업하십시오. 시작 지점에서이를 상상한다면 메뉴 div와 슬라이더 div를 적어도 같은 '깊이'로 가져와야합니다.

#content와 관련된 위치를 추가하면 도움이 될 수도 있습니다.

그런 다음 z- 색인을 변경할 수 있습니다. 에

+0

그래, 뭔가 그 줄을 따라. 지겨운하지만 잘 ... –

0

추가 z-index:100 하위 메뉴의 리튬의

나는 당신의 문제에 대한 jQuery를이 비트가 매우 편리 발견
#nav_528463 li ul li { 
    -moz-background-clip:border; 
    -moz-background-inline-policy:continuous; 
    -moz-background-origin:padding; 
    background:transparent none repeat scroll 0 0; 
    float:none; 
    margin:0; 
    padding:0; 
    z-index:100 
} 
관련 문제