저는 최신 브라우저에서 잘 작동하는 매우 간단한 CSS 드롭 다운 메뉴를 사용하고 있습니다. 불행히도 현재 IE6과 IE7에서는 작동하지 않아야합니다. 누구든지 그것을 매우 빨리 확인하고 그것이 쉽게 고칠 수 있는지 말해 줄 수 있습니까?IE6 또는 7에서 간단한 CSS 드롭 다운 메뉴가 작동하지 않습니다.
필요한 경우 JavaScript를 사용하는 것이 바람직하지 않습니다.
마크 업 및 CSS : http://paste2.org/p/826583
오히려, 나는 당신이 단지 많은있다 IE6에서 작동 확인, 7되는 메뉴로 시작해야한다고 생각하고, 당신이 시작하는 경우 CSS를 디버깅하는 것보다 그 기준으로, 당신은 많은 시간을 절약 할 수 있습니다.
jQuery와 droppy를 사용합니다. 매우 간단하고 모든 것에 작용합니다. 일단 작동하는 것을 찾았 으면 계속 사용하여 향후의 모든 프로젝트에서 이러한 낭비를 피하십시오.
고마워요.하지만 저는 현재의 솔루션이 매우 간단하고 적어도 IE7에서는 작동하지 않는 이유를 진정으로 알고 싶습니다. –
Gotcha. 공정 해. 개발자의 시간은 저조한 개념의 브라우저 디자인을 이해하는 것보다 중요하다고 생각합니다. 오래된 브라우저에서 임의의 뉘앙스를 디버깅하는 데 걸리는 시간은 앞으로 나아갈 수있는 무언가를 배우는 데 더 효과적 일 수 있습니다. 아마도. 나는 IE의 모든 단점을 암기하지 못했던이 사람들 중 한 사람입니다. 나는 문 밖으로 제품을 얻는 것을 선호한다. 따라서 항상 사용하기 위해 확인 된 기술을 사용하고 그 기술을 고수하십시오. – CarmineSantini
: hover 의사 선택기가 링크가 아닌 경우 (예 : li) IE6 또는 IE7 (쿼크 모드)에서 작동하지 않습니다. 그것이 original popular CSS dropdown에 약간의 JavaScript가 포함 된 이유입니다.
간격과 관련하여 여전히 문제가있는 경우 Son of Suckerfish Dropdowns을 확인해 보겠습니다. IMO는 CSS 드롭 다운의 황금 표준입니다.
힌트 : IE6에서 'a'이외의 다른 요소에는 ': hover'가 작동하지 않습니다. 유일한 해결책은 Javascript입니다. 그것은 IE7에서 작동합니다 (실제 IE7뿐만 아니라 [IETester] (http://my-debugbar.com/wiki/IETester/HomePage)에서 테스트되었습니다). – BalusC
테스트 해 주셔서 감사합니다. IE7에서는 거의 작동하지 않지만 하위 레벨 항목은 각 최상위 메뉴 항목의 1px 테두리가 마우스 오버 될 때 사라지는 것처럼 보입니다. 어떤 아이디어? 감사. –