Pure CSS Menu déroulant

https://stackoverflow.com/questions/2348736

23-09-2019
|

Question

Je travaille sur l'application facebook et vous savez sur facebook javascript natif n'est pas autorisé, ils ont leur propre mise en œuvre FBJS ce qui est gênant quand il s'agit de créer des choses comme les menus.

Y at-il pur solution déroulant CSS sans aucune implication de javascript (javascript est utilisé dans toutes les solutions que je l'ai vu pour lutter contre IE6)?

La solution

Oui, il y a beaucoup approaches. Jetez un oeil à Listamatic .

Pouvez-vous prendre une liste simple et utiliser différentes feuilles de style en cascade pour créer des options de liste radicalement différentes? Le Listamatic montre la puissance du CSS lorsqu'il est appliqué à une simple liste.

Il y a deux menus verticaux et hortizonal, en utilisant le CSS pur.

Quelques exemples de travail:

En fait, vous pouvez mettre en œuvre une liste de base avec quelques lignes:

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

Notez que vous devez activer si vous soutenez IE6 (comme il does'nt travail avec li: hover).

Autres conseils

Google a récemment

Licencié sous: CC-BY-SA avec attribution

Non affilié à StackOverflow