我在显示下拉菜单时遇到问题。请参阅以下示例:
http://staging.gwynconsulting.com/rif/hello-world-2/
当我将“完成租借”时,我无法显示所有菜单项。
我尝试使用许多css属性,但我无法使其工作......
谢谢...
答案 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 -->