如何在图片背景上特定位置设置按钮

[Enderfga.]

背景是学校的地图
想要在特定建筑上悬浮信息 点击会进入子页面
但是不知道怎么把这点固定住 变的很乱 这是我原来想写法
<a href="./child/library.html">

<button class="point" id='library'>

</button>

</a>
然后css里
.point#library {
left: 11.5%;
top: 40%;
}

.point#library::after {
content: '图书馆';
}

[文盲老顾]

建议你用可视化工具画个热区出来，DW了解下，热区了解下