CSS圆角问题
我遇到了 CSS 圆角的问题。示例链接如下：http://www.xplus.dnawrot.nazwa.pl/
正如您所看到的，深蓝色背景顶部是一个下拉菜单。问题涉及第一个 ul li 列表（项目：oferta、klienci、akademia）上的悬停状态，其中有子项。您会注意到，如果您将鼠标焦点放在 oferta 项目上，它会正确显示圆角，但如果您转到 第二个 ul li 列表（下拉菜单 - “rozwiazania braranzowe”、“produkty”等）圆角右侧消失。这是合乎逻辑的，因为 li 元素和 a 元素都有 CSS 样式，如果鼠标离开 a 元素，悬停就会被删除。有人有解决这个问题的办法吗？
如果描述不清楚，请告诉我，我会尝试更详细地解释。
问候， 戴夫
I have this problem with CSS round corners. The link to example is here: http://www.xplus.dnawrot.nazwa.pl/
As you can see at the top on the dark blue background is a dropdown menu. The problem concern hover state on the first ul li list(items: oferta, klienci, akademia) wchih has children. As you will notice if you make mouse focus on the oferta item it display round corners properly, but if you go down to second ul li list (drop down - "rozwiazania branzowe", "produkty", etc) right side of round corner disapperas. And it's logical becouse there is CSS style for li element and a element, and if the mouse leaves an a element the hover is removed. Does anyone has a solution for this problem?
If the description is not clear let me know and I'll try to explain more detailed.
Regards,
Dave
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
也许你可以尝试将“a”和“ul”包装在“span”标签中，然后使用css来控制span:hover而不是a:hover。
我还没有测试过，但你可以尝试一下。
Maybe you could try to wrap "a" and "ul" in a "span" tag and then use css to control span:hover instead of a:hover.
I haven't tested it but you could give it a try.