CSS圆角问题

Question

我遇到了 CSS 圆角的问题。示例链接在这里：http://www.xplus.dnawrot.nazwa.pl/

正如您在顶部看到的深蓝色背景 是一个下拉菜单。问题涉及 first ul li list(items: oferta, klienci, akademia) 上的悬停状态，它有孩子。您会注意到，如果您将鼠标焦点放在 oferta 项目上，它会正确显示圆角，但如果您转到 second ul li 列表（下拉 - “rozwiazania branzowe”、“produkty”等 em>) 圆角的右侧消失。这是合乎逻辑的，因为 li 元素和 a 元素有 CSS 样式，如果鼠标离开 a 元素，悬停就会被移除。有没有人有这个问题的解决方案？

如果描述不清楚，请告诉我，我会尽力解释得更详细。

问候， 戴夫

Answer 1

也许您可以尝试将“a”和“ul”包装在“span”标签中，然后使用 css 来控制 span:hover 而不是 a:hover。

<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>

我没有测试过，但你可以试一试。