我的導航翻轉菜單欄不起作用

我無法讓導航欄翻轉主內容。這裏是我的網站的鏈接：http://www.nourishandinspireblog.com/nourishandinspire/請忽略的頭，因爲我還沒有對我有它的位置決定我的導航翻轉菜單欄不起作用

2013-07-26 Brooke Jonsson

你說的「翻身」的意思是工作？ – Skovy

我其實應該說下拉菜單，而不是翻轉。這是我使用代碼的網站，其中有我嘗試使用導航欄創建的示例的代碼：http://line25.com/tutorials/how-to-create-a-pure-css-dropdown-菜單 –

試試這個

#nav ul ul {left: 9999px;position: absolute;} 
#nav ul li:hover ul{left: 0;}

這可能會幫助你 http://jsfiddle.net/r8Ez4/

來源

2013-07-26 19:58:19 Vipul

我應該擺脫CSS中的所有導航欄代碼，並僅使用此：#nav ul ul {left：9999px; position：absolute;} #nav ul li：hover ul {left：0;} –

yes ，請使用：#nav ul ul {left：9999px; position：absolute;} #nav ul li：hover ul {left：0;} #nav ul ul {display：none} 的實例或者您可以檢查我的小提琴：http://jsfiddle.net/r8Ez4/ – Vipul

我試過了，它沒有工作。現在它有零下拉菜單，它實際上比我已經做得少。這是我想實現的：line25.com/tutorials/how-to-create-a-pure-css-dropdown-menu –

。

的代碼看起來像這樣

#nav ul li{position: relative;} 
#nav ul ul {left: 9999px;position: absolute;} 
#nav ul li:hover ul{left: 0;}

忘了提#nav ul li{position: relative;} 現在試試這個本會爲你

刪除此代碼#nav ul ul{display:none}和top: 100%;在#nav ul ul

來源

2013-07-26 20:36:47 Vipul

我的導航翻轉菜單欄不起作用

回答

相關問題