Wie man ein Bild auf einem Radiobutton mit JavaScript und HTML5 nach der Validierung setzt

Question

Ich muss ein Overlay-Bild auf einem Radio-Button, nachdem die Frage validiert wurde. Wenn die Antwort richtig ist, erscheint ein Häkchen über dem Optionsfeld, und wenn es schief geht, ein Kreuz in der falschen Antwort und ein Häkchen in der rechten. Alle diese mit JS und HTML.

Der Code funktioniert bereits, ich brauche nur die Bilder.

Irgendeine Idee? Vielen Dank!

Answer 1

Sie müssen mit Z-Index (CSS) und versteckte. Was ist dein Code?

img { 
 
position: absolute; 
 
left: 0px; 
 
top: 0px; 
 
z-index: -1; 
 
}

<img src="http://www.ultracurioso.com.br/wp-content/uploads/2015/09/2110.jpg" width="200"> 
 

 
<p>the image has a z-index of -1, your button/html code has overlay</p> 
 

 
</body> 
 
</html>