CSS menu dropdown ajuda

Question

Alguém pode me dizer por que o menu CSS suspensa (rollover "Software Solutions") funciona aqui:

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

mas não aqui:

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

Este foi me deixando louco! Eu estou usando o Firefox 3.0.10. Por favor, ajuda ..

Answer 1

Há uma enorme quantidade de conhecimento acumulado em um menu CSS para cobrir diferentes versões do navegador e assim por diante. Meu conselho é não fazer isso sozinho. Obter uma pré-construídos um como suckerfish (ou uma das muitas variantes).

Como alternativa, você pode usar uma solução baseada Javascript como superfish como sugerido aqui.

Nota: se você precisa para apoiar IE6, então você estará usando Javascript para esse navegador de qualquer maneira, uma vez que não suporta o:. Pairar pseudo-elemento em outra coisa senão âncoras

Answer 2

Porque você está perdendo o foco no elemento pai. Na segunda, há mais elementos abaixo e quando o menu suspenso estende vai sob o recipiente de conteúdo - você move o mouse para baixo e é sobre o recipiente de conteúdo de texto, e não sobre o recipiente de menu não mais

.

desenvolvedor web barra de ferramentas e caixa de contorno elementos, você vai ver isso.

O Google para o menu jquery drop-down ou outras soluções baseadas javascript-estrutura, eles vão trabalhar bem e cross-browser, a menos que você está fazendo isso apenas para auto-educação.

Answer 3

As páginas têm a mesma aparência no IE8 e Firefox. O menu cai para baixo, mas não olhar para esse grande. Se o seu usando jQuery superfish é realmente um bom cs-menu.