Position Radio Buttons Elemente über Hintergrundbild

Question

Ich habe ein backgorund Bild und möchte einige Radio-Tasten (der Kreis des Radio-Button wird versteckt sein und nur das Etikett wird angezeigt) nur in der Nähe der roten Dreiecke (wie gezeigt here) . Wie kann ich das tun? Bitte mein Code hier sehen

input[type="radio"] { 
 
    display: none; 
 
} 
 
input[type="radio"]:checked + label { 
 
    border: 2px solid red; 
 
}

<img src="http://i.stack.imgur.com/CUTm6.png" alt="Synoptic table" align="center"> 
 
<div class="buton"> 
 
    <input type="radio" name="a" value="a" id="a" /> 
 
    <label for="a">text radio 1</label> 
 
</div> 
 
<div class="buton"> 
 
    <input type="radio" name="a" value="b" id="b" /> 
 
    <label for="b">text radio 2</label> 
 
</div> 
 
<div class="buton"> 
 
    <input type="radio" name="a" value="c" id="c" /> 
 
    <label for="c">text radio 3</label> 
 
</div>

Answer 1

Ok, gelang es, das zu lösen. habe ich die Position als Stil im div dass das Optionsfeld

<div class="buton" style="position:absolute; left:400px; top:250px"> 
    <input type="radio" name="a" value="b" id="b" /> <label for="b"> radio text 2 </label> 
</div>