把單選按鈕，在引導

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。它還包括透明標籤，因此點擊手指實際上會選擇一個單選按鈕。