【html】点击图片内链接进行跳转
博主因为工作中遇到,有些UI图片里有多个链接,要求用户可以点击图片内相关的链接进行跳转。
比如:以下是一张图片(非页面),但是要求点击图片不同位置,跳转到不同网址:
方法:
1.如果仅在PC端展示页面:
可以使用coords属性,具体参考网址:
HTML 标签的 coords 属性
2.如果要求同时在PC端和手机端做展示:
可以对图片进行切割:(就是将一个大的 图片拆成多个小图片,然后在有链接的小图片上加上 href链接)







博主因为工作中遇到,有些UI图片里有多个链接,要求用户可以点击图片内相关的链接进行跳转。
比如:以下是一张图片(非页面),但是要求点击图片不同位置,跳转到不同网址:
方法:
1.如果仅在PC端展示页面:
可以使用coords属性,具体参考网址:
HTML 标签的 coords 属性
2.如果要求同时在PC端和手机端做展示:
可以对图片进行切割:(就是将一个大的 图片拆成多个小图片,然后在有链接的小图片上加上 href链接)






