我在用html5制作一个webapp ，现在有一个人物的图像，希望根据点击的不同位置，进行不同的事件。
有什么好用的方法吗？
如果采用map标签的话
因为采用是响应式布局，每次都根据实际尺寸，再用js动态调整吗
是否有更灵活的解决方案呢？
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
5
755
收藏
HTML 5 么？那用 SVG 啊。虽然作为图像格式，不能使用百分比，不过你可以通过调整 viewport 的方式去适配屏幕大小的，除了最外边需要用 JS 设置外，其它的比百分比更好用～
请搜索
<map>标签…图片热点 同楼上
整个人物的图像给一个click事件，点击的时候判断点击位置，折算成与图片宽度或者高度对应的百分比，然后根据点击位置不同响应不同操作就行了
如果我没理解错的话，我想的解决方案是：用
p设置成图片大小(比例)，将其background-image设置成你所谓的「人物图像」，position: relative; background-size: cover;；然后在p中放置a用display: block;和position: absolute;和width, height, top, left来定义你的点击区域大小和放置位置(%)。说明白了吧。