menus qui se développent lorsque vous passez la souris, fait uniquement via CSS?

Question

Quelqu'un m'a dit une fois qu'il est possible de créer des menus via CSS seulement, comment pouvez-vous?

Answer 1

Drop-Down Menus, Horizontal Style

Answer 2

Je tapais jusqu'à une réponse, mais this simple, short page passe au-dessus mieux que je pourrais dire. Fondamentalement, vous faites display: hidden sur la partie développée, puis ajoutez un display: block à l'élément déclencheur sur son état stationnaire.

Answer 3

Google est votre ami css menus.

En outre, consultez la page Eric Meyers au Pure CSS Menus.

Answer 4

Essayez le flyout menu à CSS Play by Stu Nicholls.

Answer 5

Cela se fait via le sélecteur. Vous utilisez une pseudo-classe pour spécifier qu'un élément particulier doit être affiché uniquement lorsque son élément parent est survolé. Ceci affichera seulement le ul à afficher si son élément parent, #nav est survolé. Le ul est maintenant le menu déroulant dans lequel vous pouvez placer plus d'éléments de la liste. Cela fonctionnera avec tous les niveaux que vous voulez que votre menu déroulant ait.

Cette technique est très bien présenté dans ce tutoriel: CSS3 Dropdown Menu