javascript – 在bootstrap中放置指纹的单选按钮

2023年12月26日 236次阅读

是否可以将单选按钮与手形图像集成在Bootstrap中进行指纹识别？对于流行的浏览器(IE,Firefox和Chrome),是否可以将单选按钮的精确定位放在每个手指的上方并保持不变？的确,我想要这样的东西：

《javascript – 在bootstrap中放置指纹的单选按钮》

最佳答案 要完成此操作,您可以在父元素(图像容器)中使用元素绝对定位(单选按钮)的技术.

/* 
  Set container position to relative
  Note: This will not affect parent's current position
*/

.image-container {
   position: relative;
}

/* 
   Now all children with position: absolute 
   would be position within their parent 
*/

input[type="radio"] {
  position: absolute;
  top: 50%;
  left: 40%;
}

有关详细信息,请查看我创建的DEMO.它还包括透明标签,因此点击手指实际上会选择一个单选按钮.

《javascript – 在bootstrap中放置指纹的单选按钮》

点赞