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

Question

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

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

伊谢尔伦 · Answer

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

This may be helpful to you

Php8, I'm coming too

Learn website layout in 30 minutes

Shangguan Oracle Beginner to Proficient Video Tutorial

Your first line of UNI-APP code

Flutter from scratch to app launch

Brother Lian New Linux Video Tutorial

AXURE 9 Video Tutorial (Suitable for Product Manager Interactive Product Design UI)

Zero Basic Proficiency PS Video Tutorial

16 day UI video tutorial to get you started

PS Techniques and Slicing Techniques Video Tutorial

Alibaba Cloud Environment Construction and Project Launch Video Tutorial

Overview of Computer Networks - Basic Knowledge that Programmers Must Master

Essential Tutorial for Programmers - HTTP Protocol Explanation

Websocket Video Tutorial