HTML div 定位关闭
我通过 div 在地图上定位点。
我有以下代码：
<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>
当我在页面上添加此代码时，该点不在地图上，因此我添加了一个位置：相对
<div id="map" style = "background-image:url('map.gif');width:382px;height:524px;position:relative;">
现在该点在地图上，但与我最初想要的位置有点偏离。无论如何有解决这个问题的方法吗？此外，这些点在不同的浏览器中的位置也不同。有没有办法标准化位置？
I am positioning points on a map through divs.
I have the following code:
<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>
When I add this code on my page, the point is not on the map so I added a position:relative
<div id="map" style = "background-image:url('map.gif');width:382px;height:524px;position:relative;">
Now the point is on the map but its a bit off from where I initially wanted. Does anyways have a fix for this? Also The points are in different positions in different browsers. Is there a way to standardize where the position is?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
我建议仅使用一层（而不是级联），并且覆盖层也跨度。
使用
这个对你来说可以吗？如果没有，请指定，我会调整它。
I recommend only using one level (instead of cascading), also, spans for the overlay.
use
is this ok for you? If not pleas specify and i will adapt it.
好吧，您可能需要调整“顶部”和“左侧”值，因为“点”现在绝对相对于“地图”div 定位。
看看这个是否有帮助 http://jsfiddle.net/DK9wT/6/
well you may need to adjust the "top" and "left" values, since the "point" is now positioned absolutely relative to the "map" div.
Check this out if it helps http://jsfiddle.net/DK9wT/6/