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

Question

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

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

Answer 1

我觉得你把这个平行四边形拆成一个矩形和两个三角形来做，三角形有before和after实现，不然你这样始终会有重叠的地方

Answer 2

这个也许对你有帮助