css - html倾斜的图片导航点击区域问题

Question

问题查看：http://www.huzerui.online

在下面导航条中，红三角的区域由于后面长方形图片覆盖，当点击时会跳转到“关于我们”，但实际上是属于“首页”的导航。如何解决问题？ 如有多种解决方案都请列举下来，谢谢了

Answer 1

I think you should split this parallelogram into a rectangle and two triangles. The triangles are implemented by before and after, otherwise there will always be overlaps

Answer 2

This may be helpful to you