CSS圓角問題

Question

我有CSS圓角問題。示例的鏈接如下：http://www.xplus.dnawrot.nazwa.pl/

正如你可以在的頂部看到的深藍色背景是一個下拉菜單。問題涉及first ul li list懸停狀態（項目：oferta，klienci，akademia）wchih有孩子。正如你會注意到，如果你把鼠標放在oferta項目上，它會正確顯示圓角，但是如果你下降到second ul li列表（下拉菜單 - 「rozwiazania branzowe」，「produkty」等）圓角右側消失。這是合乎邏輯的，因爲存在li元素和a元素的CSS樣式，並且如果鼠標離開a元素，則移除懸停。有沒有人有解決這個問題的辦法？

如果描述不清楚，讓我知道，我會盡力解釋更詳細。

問候， 戴夫

Answer 1

也許你可以嘗試換行「a」和「UL」的「跨度」標籤，然後用CSS來控制跨度：懸停，而不是一個：懸停。

<li class=""> 
<span> 
<a class="sf-with-ul" title="Klienci" href="http://www.xplus.dnawrot.nazwa.pl/pl/klienci"> 
<ul style="display: none; visibility: hidden;"> 
</span> 
</li> 

我還沒有測試過，但你可以試試看。