2010-08-18 5 views
2

Je suis en train de créer un menu de navigation pour un site Web et le menu comporte des sous-menus. Lorsque le sous-menu glisse vers le bas, il doit se situer derrière la navigation principale. J'ai essayé d'utiliser z-index mais ça ne marchera pas. Puisque le sous-menu est un enfant de la LI, n'est-il pas capable de rester derrière?Listes imbriquées et index z

Le code est un peu bavard en raison de l'image-objet d'image, donc je vais créer un lien vers un pastie:

http://pastie.org/1100075

Et voici quelques images pour soutenir mon explication.

Résultat souhaité: http://imgur.com/WeU5T.png

résultat actuel: http://imgur.com/0ZC4v.png

Répondre

0

Déplacer le lien li.home a à côté de ul.nav, et le mettre à l'intérieur d'un élément de bloc absolument positionné avec un z-index> 0.

+0

I » Je ne sais pas comment cela m'aiderait tout en maintenant la fonctionnalité d'un sous-menu. Le sous-menu doit être visible lorsque le LI principal est plané, donc, pour que cela fonctionne, le sous-menu doit toujours être contenu dans le LI principal, ce qui, je pense, est le problème. –

+0

Utilisez-vous Javascript pour afficher/masquer le sous-menu? Si oui, je ne vois pas pourquoi le balisage réel est un problème. –