Utwórz css: hover wpływa tylko na element nadrzędny
W css, jak mogę zatrzymać:hover
zdarzenie wyzwalane w elemencie nadrzędnym, gdy zdarzenie podrzędne jest zawieszone, tak że jest ono wyzwalane tylko wtedy, gdy sam rodzic zostanie zatrzymany? W tym przypadku mój element podrzędny jest w rzeczywistości pozycjonowany poza elementem macierzystym z pozycjonowaniem bezwzględnym, więc jest trochę dziwne, gdy rodzic zmienia się, gdy dziecko zostaje zawieszone.
ZrobiłemJSFiddle zilustrować problem.
Tutaj jestJSFiddle zastosowanego rozwiązania na mój przykład.