固定懸停導航菜單

我創建了自己的WordPress主題，我有一個問題：固定懸停導航菜單

我有一個導航與border-radius: 8px 8px 8px 8px/8px 8px 8px 8px;每次我懸停我的導航，我真的想把border-radius: 8px 8px 8px 8px/8px 8px 8px 8px;，但我沒有看到任何結果。

我已經嘗試過不同的事情，但似乎我無法確定如何解決這一問題。

這裏是我的Fiddle link

來源

2014-06-25 PHwpGUY

這裏是JSFiddle

#cssmenu ul li:hover { 
    border-radius: 8px 8px 8px 8px/8px 8px 8px 8px !important; 
}

演示添加該代碼，你會得到你想要的結果。

來源

2014-06-25 07:08:17

檢查它是否有可能只與類「主動」辦呢？ – PHwpGUY

不可以。如果您希望在懸停時border-radius爲「8px 8px 8px 8px 8px 8px 8px」，則必須添加「hover」類。但是你也可以添加'active'類和'hover'。只需在上面的代碼中添加'#cssmenu ul li：hover'和'#cssmenu ul li：hover'即可。你會得到結果。 –

好的，謝謝你的隊友。 – PHwpGUY

改變這一點：

#cssmenu ul li:hover, 
#cssmenu ul li.active { 
    background: #2d78b2; 

    /* Old browsers */ 


}

與此：

#cssmenu ul li:hover:nth-child(1), 
#cssmenu ul li.active { 
background: #2d78b2; 
border-radius: 8px 0px 0px 8px !important; 
    /* Old browsers */ 


} 

#cssmenu ul li:hover, 
#cssmenu ul li.active { 
    background: #2d78b2; 
border-radius: 0px 0px 0px 0px; 
    /* Old browsers */ 


}

http://jsfiddle.net/TJe8w/2/

來源

2014-06-25 07:08:59 user2211216

你在li缺少邊界半徑。這是你需要更新的CSS。

#cssmenu ul li{border-radius: 8px;}

而且你可以在這個fiddle

來源

2014-06-25 07:42:33 Gajen

固定懸停導航菜單

回答

相關問題