Menu suspenso puro CSS

Question

Eu tenho trabalhado no aplicativo do Facebook e você sabe que no JavaScript nativo do Facebook não é permitido, eles têm sua própria implementação FBJS, o que é problemático quando se trata de criar coisas como menus.

Existe algum solução suspensa pura CSS Sem nenhum envolvimento do JavaScript (o JavaScript é usado em todas as soluções que eu vi para enfrentar o IE6)?

Answer 1

Sim, existem muitos abusos. Dê uma olhada em Listamatic.

Você pode pegar uma lista simples e usar diferentes folhas de estilo em cascata para criar opções de lista radicalmente diferentes? O listamático mostra o poder do CSS quando aplicado a uma lista simples.

Existem menus verticais e horizonais, usando CSS puro.

Alguns exemplos de trabalho:

1. http://www.xs4all.nl/~perned/examples/cssmenu.html
2. http://www.tjkdesign.com/articles/dropdown/demo.asp

Na verdade, você pode implementar uma lista básica com poucas linhas:

li ul { display: none; } 
li:hover > ul { display: block; }

Observe que você precisa de JavaScript se suportar o IE6 (como não funciona com Li: Passe).

Answer 2

O Google começou recentemente apodrecendo o suporte do IE6 e notificou seus aplicativos para os clientes de domínio atualizarem seus usuários. A menos que você esteja servindo um mercado ou base de clientes que você sabe que está usando o IE6 e não pode ou não está disposto a atualizar, eu o ignoraria e usaria a: Solução Passeie sem JavaScript.