如何显示下拉菜单以超过标题div

时间:2010-07-18 15:29:10

标签: css wordpress menu drop-down-menu

我在显示下拉菜单时遇到问题。请参阅以下示例:

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

当我将“完成租借”时,我无法显示所有菜单项。

我尝试使用许多css属性,但我无法使其工作......

谢谢...

2 个答案:

答案 0 :(得分:0)

你需要在你的主要内容和内容div上添加一个z-index和一个位置,然后将它们推回到nav div后面。见http://www.smashingmagazine.com/2009/09/15/the-z-index-css-property-a-comprehensive-look/

你的一张样式表会抛出404:http://staging.gwynconsulting.com/rif/wp-content/themes/rif/js/gallery/jquery.ad-gallery.css

答案 1 :(得分:0)

正在裁剪的第一个子项是由overflow: hidden;#header上的两条#nav CSS说明引起的。
删除这两个说明,您将看到子菜单。

由于您的列表项已浮动,#nav不再有流动的内容,因此其高度为0:背景已消失。
您应该将背景图像放在每个浮动列表项上,无论是ul还是父项。

从辅助功能的角度来看,除非必要,否则不应在链接上添加标题属性。在这里,您的链接文本是明确的,您的标题与文本完全相同:您的标题是不必要的。

<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 -->