HTML 在特定位置的图像上显示文本

Question

基本上我拥有的是一张地图的图像，我想将 mysql 数据库中的值放在地图的顶部。每个值都会有自己的状态，因此定位需要精确。对于较小的州，我只是将其分开放置，但我的主要问题是，如何才能将文本放在图像顶部的正确位置？
另外，mysql 的值是动态的，所以我不能只将文本放在图像中。我正在尝试使用所见即所得的编辑器将文本拖到图像上，但它似乎不允许我这样做，如果我这样做，那将是常规文本，而不是 mysql 值。即使我要这样做，我如何将该文本更改为 mysql 值？
希望有人可以回答我的两个问题。谢谢！

Answer 1

您可以使用 css 的绝对定位。

尝试将这种类型的样式应用于包含文本的 html 元素。

absPositionStyle{
  position:absolute;
  left:100px;
  top:150px;
}