Tengo el siguiente problema.
Por ejemplo:
Quiero que al hacer clic en una imagen (dicha imagen tiene 3 carros, vista desde el cielo) al hacer clic en un carro quiero mostrar la información de dicho carro.
Cada carro tiene su coordenada (x,y) en la imagen.
Tengo pensado lo siguiente:
Poner un div
transparente encima de imagen, y que ese div contenga una especie de botón encima de cada carro (dependiendo de la coordenada que ya sabría).
El problema:
No se posicionarlo ya que, en html/css
no se pocisiona por (x,y) (hasta donde se).
Hay alguna forma en que podria hacer esto, puede ser una conversion a algo que pueda solucionar este problema?
div
con posición absoluta, mediantetop
(equvalente ay
) yleft
(equivalente ax
) puedes lograrlo ya que dichas coordenadas serán relativas al elemento que los contiene. Mas info aquí.map
200x200
y que el "carro" esta desdex:50;y:50
, lo que se traduce aleft:50px; top:50px