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
元素,则移除悬停。有没有人有这个问题的解决方案?
如果说明不明确,请告诉我,我会尝试解释更详细。
此致 戴夫
答案 0 :(得分:1)
也许您可以尝试在“span”标记中包含“a”和“ul”,然后使用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>
我没有测试过,但你可以尝试一下。