Question

我通过divs在地图上定位点。

我有以下代码：

<div id="map" style = "background-image:url('map.gif');width:382px;height:524px;">

<DIV STYLE="position:absolute; top:222px; left:204px;">
<a href=""><img src="bullet.gif" border=0>Point</a>
</DIV>
</DIV>

当我在我的页面上添加此代码时，该点不在地图上，所以我添加了一个位置：relative

<div id="map" style = "background-image:url('map.gif');width:382px;height:524px;position:relative;">

现在这一点已经出现在地图上，但距离我最初想要的地方有点偏离。无论如何都有解决方法吗？此点在不同的浏览器中处于不同的位置。有没有办法标准化职位在哪里？

Answer 1

我建议只使用一个级别（而不是级联），也可以使用跨度。

<div>
  <div>
  </div>
<div>

使用

<div style=...>     the map
</div>
<span style=...></span>   an overlayed rectangle
<span style=...></span>   an overlayed rectangle

这对你好吗？如果不是请求，我会适应它。

Answer 2

你可能需要调整“顶部”和“左”值，因为“点”现在绝对相对于“地图”div。如果它有帮助，请查看它{/ 3}}

HTML div定位关闭

2 个答案: