如何解决CSS圆角问题
| 我的CSS圆角有此问题。示例链接在这里:http://www.xplus.dnawrot.nazwa.pl/ 如您所见,在深蓝色背景的顶部是一个下拉菜单。问题涉及over0ѭ(项:oferta,klienci,akademia)的悬停状态,其中有孩子。如您所见,如果将鼠标焦点放在oferta
项目上,它将正确显示圆角,但是如果您转到second ul li
列表(下拉菜单-\“ rozwiazania branzowe \”,\“ produkty \”等),则在圆的右侧角disapperas。这是合乎逻辑的,因为li
元素和a
元素具有CSS样式,并且如果鼠标离开a
元素,则将鼠标悬停了。有谁能解决这个问题?
如果描述不清楚,请告诉我,我将尝试解释更详细。
问候,
戴夫
解决方法
也许您可以尝试将\“ 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>
我尚未测试过,但您可以尝试一下。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。