2010-03-18 4 views
0

IE7에서이 사이트의 회전 이미지 아래에 메뉴가 렌더링되는 이유는 누구나 알 수 있습니까? http://new.coffeelatino.co.uk/.IE7 메뉴에서 Z- 색인 문제에 대한 도움말

Z- 색인은 회전하는 이미지의 메뉴보다 훨씬 높습니다.

IE가 너무 두려운 또 다른 이유.

+1

http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html –

+0

'IE가 너무 두려운 또 다른 이유 '- IE8에는 문제가 존재하지 않으므로 이유가별로 없습니다. –

+0

관련없는 참고 사항 : ie8; 페이지가 부분적으로 만로드되면 모든 회전 이미지가 한 번에 표시됩니다. 이를 방지하기 위해 슬라이드 쇼 이미지 중 하나를 제외한 모든 이미지를 표시를 none으로 설정하여 시작할 수 있습니다. – Brian

답변

3

위치가 지정되지 않은 요소의 경우 z- 색인이 무시됩니다. Z- 인덱스를 적용하려는 모든 스타일에 "위치 : 상대"를 추가하면 수정해야합니다.

웹 개발자로 남아있는 힌트 : IE에 대해 작성한 다음 다른 브라우저에서 테스트하십시오. IE에서 작동하는 대부분의 기능은 FF 및 Chrome에서 올바르게 렌더링됩니다. 당신이 알아 차렸 듯이 그 반대는 사실이 아닙니다.

+0

아마 좋은 팁. 나는 항상 다른 방향으로 일한다. 나는 IE와 함께 갈 것이다. :) –

+0

굉장합니다. 위치 추가 : 상대적; 상단의 갈색 막대가 문제를 해결했습니다. –

+2

IE 코딩을 권장하지 않으며 다른 테스트를 권장합니다! 여러 브라우저의 표준 및 테스트를 병렬로 작성하십시오. 즉, 나중에 해킹을 추가하십시오. ie 표준 코드로 행동하는 것을 설득하는 것이 더 쉽습니다. ie 코드가 다른 사람들과 안정적으로 작동하는 것보다 ... –