CSSで背景画像の上にラジオボタンを配置したい

質問

画面のある一部分に背景画像があり（背景画像もCSSで配置したい）、
その背景画像の上にラジオボタンを配置したいのですが、これはCSSで実現できますか？
もし可能でしたら具体的なコード（ｈｔｍｌとCSS）を教えていただきたいです。
よろしくお願いします。

回答No.2

ORUKA1951 · ベストアンサー

普通に、background-imageを指定して、ラジオボタンをお好きな位置に・・
<div class"form">
　<form action="./cgi-bin/form.cgi">
　　<p>1:<input type="radio" name="A" value="1"></p>
　　<p>2:<input type="radio" name="A" value="2"></p>
　　<p>3:<input type="radio" name="A" value="3"></p>
　　<p>4:<input type="radio" name="A" value="4"></p>
　　<p><input type="submit" vale="送信"></p>
　</form>
</div>
div.form{width:300px;height:200px;background-image:url();position:relative;}
div.form p{width:4em;text-align:center;position:absolute;left:20px;top:20px;}
div.form p+p{top: 50px;left:80px;}
div.form p+p+p{top: 150px;left:300px;}
div.form p+p+p+p{top: 250px;left:380px;}
とか・・

回答No.3

noname#242220

背景画像を『バックグランドイメージ』にすると『一部』では無く全体に成ります。
HTMLコードの
layer4 {position: absolute; top: 0px; left: 410px; height: 600px; width: 200px; padding: 0px; margin: 0px; z-index: 2}

z-index: 1・・・・Xを使えば『重なり順序』を変更する事が出来ます。

回答No.1

play_with_you

背景画像はbackground-image。
ラジオボタンは<input type="radio">。
あとはあなたの思うように配置してください。