如何顯示下拉菜單以超過標題div

Question

我在顯示下拉菜單時遇到問題。請參見例如在：

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

當我徘徊的租金就完了'，我不能顯示所有的菜單項。

我試着用很多CSS屬性的發揮，但我不能讓它工作...

謝謝...

Answer 1

第一個子項目被裁剪是由於對#header和#nav 2個overflow: hidden; 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 --> 

Answer 2

您需要的z-index和當前位置添加到您的主要和內容div頂部推回他們的導航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