把单选按钮，在引导

Question

指纹是否可以单选按钮集成在Bootstrap用于指纹识别手的形象？是否可以对单选按钮进行精确定位，以便只放在每个手指上方，并且在流行浏览器中保持不变（IE, Firefox and Chrome）？事实上，我想是这样的：

Answer 1

得到这个工作，你可以使用父元素（图像容器）内的元素绝对定位（单选按钮）的技术。

/* 
    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。它还包括透明标签，因此点击手指实际上会选择一个单选按钮。