Comment afficher le menu déroulant pour dépasser l'en-tête div

Question

J'ai un problème lors de l'affichage du menu déroulant. S'il vous plaît, voir l'exemple sur:

http://staging.gwynconsulting.com/rif/hello-world-2/

Quand je passe la souris « Louez-fini », je ne peux pas afficher tous les éléments de menu.

J'ai essayé de jouer avec de nombreuses propriétés css, mais je ne peux pas le faire fonctionner ...

Merci ...

Answer 1

Le premier sous-élément étant rognée est dû à deux overflow: hidden; instructions CSS sur #header et #nav.
Supprimez les deux instructions et vous verrez des sous-menus. Lorsque vos éléments de liste sont flottants, #nav n'a plus de contenu flottant et a donc une hauteur de 0: l'arrière-plan a disparu.
Vous devez placer vos images d'arrière-plan sur chaque élément de liste flottante, que ul ou un parent. Du point de vue de l'accessibilité, vous ne devez pas ajouter d'attributs de titre sur vos liens, sauf si cela est nécessaire. Ici le texte de vos liens est explicite tel quel et vos titres sont strictement identiques au texte: vos titres sont inutiles.

<a href="/" title="Home">Home</a> <!-- not OK. Title attribute should be removed --> 
<a href="/brochure.pdf" title="Download our brochure (PDF, 1.53 MB)">Download our brochure</a> <!-- OK, 2 useful infos about format and size added --> 
<a href="/brochure.pdf" title="(PDF, 1.53 MB)">Download our brochure</a> <!-- not OK, title should include the text of the link and add sth to it --> 

Answer 2

Vous devez ajouter un z-index et un positon à votre Le sommet de la div principale et du contenu les repousse derrière le div nav. Voir http://www.smashingmagazine.com/2009/09/15/the-z-index-css-property-a-comprehensive-look/

Et un de vos feuilles de style jette un 404: http://staging.gwynconsulting.com/rif/wp-content/themes/rif/js/gallery/jquery.ad-gallery.css