웹 킷에서 CSS 호버링 + 엘레멘트 크래시 (크롬, 사파리)

오늘 CSS가있는 크롬과 사파리 (모든 웹킷 브라우저)가 충돌하는 성가신 버그를 발견했습니다.웹 킷에서 CSS 호버링 + 엘레멘트 크래시 (크롬, 사파리)

요소 위에 마우스를 올려 놓으면 다음 드롭 다운 수준이 표시됩니다. 다른 모든 브라우저에서 완벽하게 작동합니다.

여기를 참조하십시오, 왼쪽 상단 'RN'http://test.davebowker.com/rn-hover/

희망의 사람이 어떤 생각을 가지고, 또는 나보다 웹킷에 대해 좀 더 알고있다. 모든 자바 스크립트를 사용하지 않도록 설정 했으므로 CSS라고 확신하며 자체 페이지에서 드롭 다운을 실행했습니다. 나는 또한 그것이 호버 (hover) + 디스플레이 (display)라는 것을 알고있다. - 어떻게 고쳐야할지 모르겠다. 어쩌면 다른 사람이이 버그에 부딪혔을 수 있습니까?

건배, 데이브

편집 : 아래 에밀리에 의해 만들어진 포함 변경할 수 있습니다. http://test.davebowker.com/rn-hover-fix/

출처

2009-09-21 davebowker

드롭 다운으로 페이지에 연결하면 디버깅하는 동안 볼 수있는 쓰레기가 줄어 듭니다. – jimyi

변경

.ukn-network-jumper strong:hover + ul, 
.ukn-network-jumper ul:hover { 
    display:block; 
}

.ukn-network-jumper strong:hover + ul, 
.ukn-network-jumper:hover ul { 
    display:block; 
}

에 당신은 당신이 UL을 유혹하고 있지만 상위 DIV를 유혹 할 때 UL를 표시하지 않습니다.

출처

2009-09-22 11:54:37 Emily

이상한. 디스플레이로 무언가를 가리키면 mouseOut이 될 때까지 거기에 머무르게 될 것이라고 생각할 것입니다. 수정 내용이 적용되었지만 단점이 있습니다. 현재 활성 부모 영역은 가장 넓은 하위 요소의 너비로 증가합니다. (관심있는 사람들을 위해 업데이트 된 데모.) 마우스 아웃 히트 영역이 훨씬 커서, 마우스가 부모로부터 완전히 벗어날 때까지 마우스 포인터가 옆에 놓이게 될 탐색 요소의 상단에 걸쳐있을 수 있습니다. 어쨌든 - 가져 가겠습니다. 충돌하는 것보다 훨씬 낫습니다. 희망 그들은 그것을 고칠 수 있습니다. Emily에게 감사합니다. :) – davebowker

웹 킷에서 CSS 호버링 + 엘레멘트 크래시 (크롬, 사파리)

답변

관련 문제