Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Estou tentando criar uma enquete em que ao invés de inputs comuns, as respostas são recibadas ao clicar em fotos em cada questão.
Basicamente, uma foto para escolha, com duas imagens sobrepostas em cima dela, dividas igualmente para saber em qual lado da primeira imagem foi clicado.
O problema está sendo por uma confirmação em cima do lado correspondente, no caso uma imagem com simbolo de confirmação, ele não obedece a simples animação de mudar de opacidade 0 para 1.
#chk{
position: absolute;
opacity:0;
top: 35px;
left: 50px;
} opacity: 1;
}
</style>
</head>
<body>
<form id="form" action="" method="post">
<fieldset>
<legend> <img id="pic" width="400px" src="02.png"> </legend>
<input type="radio" name="rd" id="radio1"/>
<input type="radio" name="rd" id="radio2"/>
<div style='position:relative; top:0px; left:0px;'>
<img src=imagemquestao.jpg border=0>
<div style='position:absolute; top:0px; left:0px;'>
<label id="radiobox" for="radio1"><img src=box1.png></label>
<div style='position:absolute; top:0px; left:282px;'>
<label id="radiobox2" for="radio2"><img src=box2.png></label>
</div>
<img id="chk" width="50px" src="check.png"></img>
Ela está na posição que escolhi, e somente obedece a opacidade da sua styleCarregando comentários...