JavaScriptとHTML5でラジオボタンに画像を表示する方法

Question

質問の検証後、ラジオボタンにオーバーレイ画像を配置する必要があります。答えが正しい場合は、ラジオボタンの上のチェックが表示され、間違った場合は、間違った答えの十字と右のチェックが表示されます。 これらはすべてJSとHTMLを使用しています。

コードはすでに動作しています。私が必要とするのは、画像を置くことだけです。

ありがとう！

Answer 1

あなたはz-index（css）を使用して非表示にする必要があります。コードは何ですか？

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>