こことここには、Udacityで使用されるクイズの質問の例がいくつかあります。
どうすればそのような効果を達成できますか?(つまり、画像があるページを作成し、その画像の上にいくつかのフォーム要素を作成するにはどうすればよいですか?)
たぶん、画像を背景にしたテーブルを使うことができます。それはうまくいくでしょうか?ブラウザ間で信頼できるでしょうか?
さまざまな可能性があります。
要素を画像の真上に配置するために、「絶対」または「相対」の位置に要素を配置できます。
CSS3/HTML5キャンバスで描画することもできます。
画像を使って簡単なフォームを作成するのに最適なのは、このチュートリアルに従うことだと思います
それを作成できた場合は、CSSコードを微調整して、カードを目的の場所に配置できるようにすることができます。
それらはただ画像を持っていて、それからその上にフォーム要素を絶対に配置します。
input {
position: absolute;
top: 100px;
left: 100px;
z-index: 1;
}
入力要素が目的の場所になるまで、上下を変更する必要があります。入力要素は、画像の真上に配置できます。