html - 如何在图像上有许多单选按钮？ (HTML，CSS)

我想在一幅图像中有8个单选按钮。更具体地说，我想拥有夏威夷岛的形象。每个岛都有不同的单选按钮，因此我可以选择一个。非常感谢你

最佳答案

您应该使用绝对位置。

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%;
}

<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>

关于html - 如何在图像上有许多单选按钮？ (HTML，CSS)，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/43029737/