如何在图像上有多个单选按钮？（HTML、CSS）

我想有8个单选按钮在一个图像。更具体地说，我想要一张夏威夷群岛的图片。每个岛都有不同的单选按钮，所以我可以选择一个。非常感谢

那么你应该使用绝对位置

div{
高度：400px；
宽度：400px；
背景：#124578；
位置：相对位置；
}
#radio01{
位置：绝对位置；
左：0；
最高：50%；
}
#无线电02{
位置：绝对位置；
左：计算（100%-25px）；
最高：25%；
}
#无线电03{
位置：绝对位置；
左：50%；
最高：70%；
}

是否希望单选按钮位于图像上方？是的，我希望它们位于图像上方