아이들은 .hover에 포함되지 않습니다.

저는 현재 HSC (Higher School Certificate)의 소프트웨어 디자인 전공 웹 사이트를 만들고 있는데 이상한 버그가 있습니다. 현재 웹 사이트 버전은 http://ymindustries.webfactional.com입니다. 제 문제는 다음과 같습니다. jQuery 기반의 드롭 다운 메뉴가 있습니다. Chrome에서 메뉴 버튼 위로 마우스를 가져 가면 메뉴가 펼쳐지고 메뉴 버튼을 누르면 메뉴가 다시 닫힙니다. 그러나 메뉴 단추에서 새로 표시된 메뉴로 마우스를 움직이면 메뉴가 다시 열립니다. 사용자가 결국 메뉴에 들어갈 링크를 클릭 할 수 있어야하므로 문제가됩니다. 아이들이 공중 선회 이벤트를 유발하지 않는 것 같습니다. 또한 IE9에서는 버튼 위로 마우스를 가져 가도 호버링 이벤트가 발생하지 않습니다.아이들은 .hover에 포함되지 않습니다.

이 부분이 충분히 명확하게 표현되기를 바랍니다. 감사합니다. YM

출처

2012-05-24 Joshua Walsh

이것은 버그가 아닙니다. .hover을 사용하여 커서를 요소 경계 밖으로 이동하면 더 이상 커서를 놓지 않습니다. 그처럼 간단합니다.

경계를 확장하거나 .hover을 메뉴에도 적용하십시오.

출처

2012-05-24 05:04:41

그럼 내가 http://www.webdesigndev.com/wp-content/uploads/2009/07/fancydropdown.html과 다른 점이 있습니까? 나는 그곳에서 자습서를 느슨하게 따라 왔으며 그들의 문제는 아무런 문제가 없다. –

아, 이제 .hover를 추가하여 무슨 뜻인지 이해합니다. 나는 그걸 시도했지만 아직 운이 없다 : ( –

Tom이 언급 한 것처럼 하위 메뉴에 .hover 의사 클래스를 적용하려고합니다. 이것은 너무 어렵지 않아야합니다. 귀하의 사이트를 보면 나는

.dropdownMenu:hover { display:inline; }

같은 CSS 선택기 트릭을한다고 생각합니다.

출처

2012-05-24 07:20:04 loganbek

불행히도, 그게 작동하지 않았다. 분명히 ID 선택자는 캐스케이드의 클래스 선택자보다 우선 순위가 높기 때문에 충돌하는 부분은 다시 조정하지만 아무런 소용이 없다. 이전에 jQuery 메뉴를 사용하는 동안 완전히 CSS로 전환했으며 여전히 동일한 문제가 있음을 알게되었습니다. –

아이들은 .hover에 포함되지 않습니다.

답변

관련 문제