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

Question

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

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

Answer 1

我覺得你把這個平行四邊形拆成一個矩形和兩個三角形來做，三角形有before和after實現，不然你這樣總是會有重疊的地方

Answer 2

這也許對你有幫助