CSS下拉菜單，父不可點擊

我創建了一個CSS fly out menu。似乎飛出懸停子菜單，這是我需要的。我唯一的問題是當li有一個子菜單時，你不能點擊頂層菜單項。我可以在Firebug看到它覆蓋在頂部。CSS下拉菜單，父不可點擊

任何建議如何解決這個問題？

感謝

如果連鎖行業子菜單UL負的z-index這將解決您的問題。

#nav ul ul { 
    display: none; 
    z-index: -1; 
    }

編輯

觀看我已經做了更改我的回答該網站後。

開始由

#nav ul ul li { 
    top: 42px; 
    }

改變你的#nav ul ul li以下到

#nav ul ul li { 
    top: 0px; 
    }

然後添加以下到#nav ul ul

#nav ul ul { 
    display: none; 
    position: relative; 
    margin-top: 32px; 
    padding-top: 10px; 
    }

這將解決這個問題。 #nav ul ul被定位在導致問題的標籤上方。

2012-05-21 14:44:10 frontendzzzguy

我無法做到這一點。我正在工作的網站有一個jQuery滾動菜單，以便需要更高的Z-Index：網站是：http://www.hope-foundation.org.uk 謝謝 – StuBlackett

嗨Stu，我編輯了我的答案解決你的問題。希望它適合你。 – frontendzzzguy

很多人，非常感謝@trickeedickee，這很好。 – StuBlackett

我認爲你的問題與你給你的li標籤賦予'top'屬性的方式有關。簡單地刪除該屬性，而是將其放入嵌套的無序列表標記中會有很大幫助（如下所示），否則您的子菜單會與菜單重疊。

#nav ul ul { 
    left: 0; 
    list-style: none outside none; 
    padding:0; 
    position: absolute; 
    top: 38px; /* this is what I added */ 
}

我做了我自己的，你有什麼樣的jsfiddle版本。看看這裏：http://jsfiddle.net/akiryk/EJ8u2/2/

此外，我建議花一點時間回顧一些有用的教程使用CSS和列表的基本知識。

2012-05-21 16:45:24

回答