2013-08-06 30 views
0

我使用的是默認的Wordpress菜單系統。 我使用基於二十十個自定義主題。Wordpress菜單在離開父項時消失

我擁有所有的樣式,並按照我想要的方式鋪設,但是當我將光標移到第一個放置項目的父項目時,菜單消失。

如果光標直接移動到第二個(或更低)項目時,菜單不會消失,並且您可以將光標移回第1個項目而沒有問題。

該網站是americanindustrialinc.com/wp

回答

1

您展示在主菜單項懸停的子菜單。但是,由於主菜單項和子菜單之間存在小差距,所以用戶的鼠標離開主菜單項:懸停並且子菜單消失。這可以通過以下固定:

#access ul ul { 
    padding-top: 10px; 
    top: 22px; 
    // I'm showing only the styles that need to be added/changed 
} 

這樣一來,有一種無形的填充覆蓋從主菜單項子菜單的差距,所以用戶的光標停留在:懸停狀態,你會得到預期的行爲。

+0

所以,當你只是把'頂部:22px' - 這邊距,而不是填充? – timatgetdim

+0

top:22px僅僅是默認位置的偏移量,所以22px不是元素的一部分。保證金基本相同;只有填充被算作元素的一部分,所以你留在:懸停。 – algoni