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

问题查看:http://www.huzerui.online
图片描述

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

阅读 2.7k
2 个回答

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题