css problema Hover in Chrome e Safari

Question

Questo è il sito che ha un problema

http://www.clubforeducation.com/

Menu superiore cambierà il suo colore a mouse. Tutti i browser tranne Chrome e Safari. È un bug di Webkit. Se questo come posso risolvere questo?

Answer 1

Trovo la visualizzazione delle impostazioni: il blocco su <a> funziona. Non consiglio Li: passa il mouse perché non funziona in IE6

Answer 2

Sembra un comportamento al passaggio del mouse sul webkit.

Check this out:
CSS Hover + Element crashing in webkit (Chrome, Safari)

Modifica/il selettore da

.menu_center ul li a:hover 

a

.menu_center ul li:hover a 

o combinando entrambi:

.menu_center ul li a:hover, 
.menu_center ul li:hover a 
{ .... } 

funziona per me.

Answer 3

Ho trovato che l'aggiunta di href = "#" funziona come una soluzione temporanea. Sembra che questo sia uno sviluppo piuttosto recente.

Answer 4

Di solito la soluzione migliore è aggiungere -webkit-transform: translate3d (0,0,0) sugli elementi che hanno la transizione in Safari. Ho lo stesso problema e lo risolvo Hover bugs with :before On Safari