[SOLUCIONADO] imagen y multiples checkbox

[devildriver]

Saludos, tengo un problema con una imagen a la cual quiero colocarle unos checkbox encima de ella, la cuestion es la siguiente la imagen que tengo es la de un carro y quiero poner un checkbox en la maleta, otro en el techo otro en el capo, otro en los cauchos etc, y es una sola imagen, lo pude lograr con AP div (Absolute-Positioned div) pero el problema lo tengo al cambiar de resolucion o hacer un zoom a la pagina ya que se mueven queria saber como puedo obligar que se queden en esa parte especifica que yo lo coloque gracias!

[pzin]

Puedes darle al contenedor de la imagen una posición relativa, así luego las posiciones absolutas son relativas a ese contenedor.

Algo así:

Código HTML:

<div class="coche">
  <img src="coche.jpg">
  <input type=checkbox"..>
</div>
 

Código CSS:

div.coche {
  position: relative;
}
 
input {
  position: absolute;
  bottom: 10px;
  left: 10px;
}
 

[omarinfinito]

Usando el codigo de pzin, hize un "boceto"

Código HTML:

<style>
div.coche {
  position: relative;
}
 
#rueda1 {
  position: absolute;
  bottom:2px;
  left: 9px;
}
#rueda2 {
  position: absolute;
  bottom:2px;
  left: 75px;
}
#ventana {
  position: absolute;
  bottom:30px;
  left: 50px;
}
#faro {
  position: absolute;
  bottom:20px;
  left: 2px;
}
</style>
 
<div class="coche">
  <img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcTuwwx3gTIUewZ4FATI7pATXEUEPp_FyFu7gG_P_URAaqvafs86BEmpiiok">
  <input id="rueda1" type="checkbox">
  <input id="rueda2" type="checkbox">
  <input id="ventana" type="checkbox">
  <input id="faro" type="checkbox">
</div>
 

[devildriver]

muchas gracias voy a probar sus conocimiento, realmente agradecido por atender mi tema! saludos!