子菜單在懸停時不可見

請參閱我的代碼和演示Here plz。我不是很習慣用CSS，但它很簡單，我看過很多演示程序幾乎都使用相同的代碼。但我無法趕上這是造成問題的差異子菜單在懸停時不可見

我需要一個子菜單UserForm下打開，但（使用CSS）

2015-07-28 Sami

您正在使用CSS規則'#main_nav ul ul {top：100％}'。這是將元素放置在屏幕的底部。 – Phylogenesis

是的，這實際上是答案。謝謝 – Sami

刪除「頂」和「左」的＃它沒有得到懸停可見main_nav ul ul是這樣的：

#main_nav ul ul { 
    position: absolute; 
    visibility: hidden; 
}

這是因爲「position：absolute」是如何工作的。在你的情況下，父「李」有「位置：靜態」（默認），在這種情況下，「位置：絕對」使得孩子UL絕對放置在整個文檔中。你可以看到這個，如果你只是刪除「可見性：隱藏」，然後它被放置在頁面的底部。另一種解決方案是將「position：relative」設置爲父項目li

來源

2015-07-28 12:16:09 Kamelkent

就是這樣。對，你可以解釋爲什麼它應該只有當我刪除它們。定位有什麼問題？ – Sami

這是因爲「position：absolute」是如何工作的。在你的情況下，父「李」有「位置：靜態」（默認），在這種情況下，「位置：絕對」使得孩子UL絕對放置在整個文檔中。你可以看到這個，如果你只是刪除「可見性：隱藏」，然後它被放置在頁面的底部。另一種解決方案是將「位置：相對」設置爲父母李。 – Kamelkent

子菜單在懸停時不可見

回答

相關問題