Internet Explorer 호환성보기 용 CSS 디버깅

Question

js가없는 드롭 다운 탐색을 시뮬레이트하기 위해 CSS를 사용하여 중첩 된 UL을 표시하거나 숨 깁니다. IE의 일부 버전을 제외하고는 대부분의 브라우저에서 멋지게 작동합니다. 나는 거의 모든 일에 대해 해결책을 찾고자하는 벽에 맞서 머리를 때려 봤다. 나는 모든 해결책의 조합으로 생각한다. 다른 누군가가 제안을하면, 나는 그것을 듣고 싶습니다.

문제점 : 기본 탐색을 가리키면 UL이 표시됩니다 (왼쪽 : 0, 호버). 목록 항목에는 배경색이 없으므로 기존 탐색을 오버레이하여 동시에 두 항목을 볼 수 있습니다.

See Here

사람이 행동을 설명 할 수 있다면 나는이 시점에서 어떤 도움이나 통찰력을 환영합니다. 릴리스 사이트는 오늘 밤 클라이언트로 이동하고 나는 정말 좋았다.

미리 감사드립니다.

Answer 1

처음에는 아무것도 표시하지 않습니다. 그렇다면 li : hover ul {display : block} .... 당신이 절대적으로 그 위치에있는 방식으로는 작동하지 않을 수도 있지만 css로 숨기거나 보여줄 수있는 가장 쉬운 방법입니다. 나는 그들이 서로 겹치는 것에 대해 당신이 말하는 것을 봅니다. 각 하위 ul에 클래스를 추가하고 각각을 직접 타겟팅 할 수도 있습니다. 대신 li : hover ul 대신에 li.first : hover ul.subfirst {positioning css}를 사용하십시오.