Nav discesa con problemi d'angolo arrotondati

Question

ho lavorato sui seguenti nav discesa visto qui .

funziona ed è quasi completo, ma ho un problema. Quando si mouseover un titolo nav il testo passa dal colore al bianco e poi mostra il menu a discesa. Ecco come dovrebbe funzionare, ma quando si sposta il mouse per andare un titolo nav all'interno del menu a discesa del testo nero (immagine attiva) risale al colore e entrate rimangono nero.

Ogni suggerimento quando discesa è attivo e l'utente sta navigando attraverso tale da mantenere il testo (immagine attiva) nero?

Answer 1

Idealmente, si sarebbe utilizzando un testo piuttosto che le immagini per le voci di menu. Quindi, si potrebbe facilmente utilizzare i CSS per controllare i colori del testo al passaggio del mouse sopra la <li> senza bisogno di JavaScript a tutti.

Con il modo in cui si sta facendo ora (con immagini), io credo che sia ancora possibile spostando l'onmouseover e onmouseout dal <a> alla <li> sopra di esso. Si può richiedere qualche ritocco degli script per questo lavoro, ma spero che si ottiene il concetto:. Rilevare libra sopra l'intero elemento della lista (e il suo contenuto), piuttosto che su un solo tag di ancoraggio all'interno di tale elemento della lista

Answer 2

Come di mettere la voce di menu, insieme con la sua discesa in un contenitore (div probabilmente) che si espande per includere il menu a discesa, e quindi utilizzare un selettore CSS tra cui: hover su quel contenitore, che entra in profondità al testo oggetto . Finché sono ancora sul menu o la sua discesa, dovrebbe ancora essere coperto dal selettore hover.

Answer 3

È possibile utilizzare i CSS ot JS per cambiare il colore del titolo quando gli si libra mouse

che contiene il titolo, invece di quando si libra il titolo stesso.