Guida del menu a discesa CSS

Question

Qualcuno può dirmi perché il menu a discesa CSS (rollover " Software Solutions ") funziona qui:

http://deltaassocc.web704.discountasp.net/temp/page -works.html

ma non qui:

http://deltaassocc.web704.discountasp.net/temp/page.html

Questo mi sta facendo impazzire! Sto usando Firefox 3.0.10. Per favore, aiutate ..

Answer 1

Esistono moltissime conoscenze integrate in un menu CSS per coprire diverse versioni del browser e così via. Il mio consiglio è di non farlo da soli. Prendi uno pre-costruito come il pollone (o una delle tante varianti).

In alternativa puoi usare una soluzione basata su Javascript come superfish come suggerito qui.

Nota: se devi supportare IE6, utilizzerai comunque Javascript per quel browser in quanto non supporta lo pseudo-elemento: hover su qualsiasi cosa diversa dalle ancore.

Answer 2

Perché stai perdendo attenzione sull'elemento genitore. Nel secondo, ci sono più elementi in basso e quando il menu a discesa si estende, passa sotto il contenitore del contenuto: sposta il mouse verso il basso e si trova sopra il contenitore del contenuto di testo, non più sul contenitore del menu.

Installa barra degli strumenti dello sviluppatore web e contorni gli elementi della casella, vedi quello.

Google per il menu a discesa jquery o altre soluzioni basate su framework javascript, funzioneranno bene e cross-browser, a meno che tu non lo stia facendo solo per autoeducazione.

Answer 3

Le pagine hanno lo stesso aspetto in IE8 e Firefox. Il menu scende, ma non è eccezionale. Se stai usando JQUERY SuperFish è un ottimo menu cs.