我怎么能在图像上有很多单选按钮？ （HTML，CSS）

Question

我想在一张图片中有8个单选按钮。更具体一点，我希望有一个hawaai岛屿的形象。每个岛上有不同的单选按钮，所以我可以选择一个非常感谢你

Answer 1

那么你应该使用绝对位置。

＆＃13;

＆＃13;

div {
  height:400px;
  width: 400px;
  background: #124578;
  position: relative;
}

#radio01 {
  position:absolute;
  left:0;
  top:50%;
}

#radio02 {
  position:absolute;
  left:calc(100% - 25px);
  top:25%;
}

#radio03 {
  position:absolute;
  left:50%;
  top:70%;
}

＆＃13;

<div>
  <form action="">
    <input type="radio" id="radio01" name="radio" />
    <input type="radio" id="radio02" name="radio" />
    <input type="radio" id="radio03" name="radio" />
  </form>
</div>

＆＃13;

＆＃13;

＆＃13;