css下拉菜單在任何瀏覽器上都不起作用

我真的很頭疼，用我純CSS的下拉菜單 - 它不適用於任何瀏覽器。問題是與我的第二級列表（subnav） - 當我停留在第一級（#n）鏈接，它工作得很好，並顯示subnav，但當我嘗試將鼠標懸停在列表（列表項目（鏈接））它迅速消失，我無法選擇二級鏈接並導航。這是我的jsFiddle. 我應該添加到我的CSS，使其工作？感謝您的時間！css下拉菜單在任何瀏覽器上都不起作用

來源

2012-07-09 nor3x

更改頂部：30px #n ul – SVS 2012-07-09 12:39:13

@SVS，好評。您應該將其作爲答案發布，因爲它可以解決問題。另外，OP可以完全刪除頂部屬性，並且它仍然可以正確顯示。 – utsikko 2012-07-09 13:30:23

@utkai你是否認爲我應該讓這個答案只是爲了贏得聲望？其實我寫評論的答案，如果它真的很小的問題。 – SVS 2012-07-09 17:35:36

頂部鏈接與其子菜單之間不得有空白空間。嘗試使用填充而不是邊距。

來源

2012-07-09 12:40:30 feeela

感謝您的快速回復!!! :) @feeela哇......你說的對，這很容易......爲什麼我沒有想到......？我只是將#n li margin改爲8px的底部填充，它工作正常！謝謝！！：） – nor3x 2012-07-09 13:56:04

css下拉菜單在任何瀏覽器上都不起作用

回答

相關問題