html - 在 div 中定位固定图像( map 上的图钉)

Question

我有一个带有 css 规则的“ map ”div height: 400px;宽度:800px；背景:url(map.png)。这个 div 有一张世界地图的背景图片。我有一些图像作为“图钉”，我想将它们放置在特定区域的 map 上。我会给图像提供哪些 CSS 属性，例如，通过“ map ”div 的特定顶部/左侧像素坐标将它们放置在“ map ”div 中？我能够相对于整个 body 而不是特定的 div 来定位它们。

Answer 1

将 position: relative 放在 map div 上，然后将 position: absolute 放在图钉上。使用:

left: 10px;
top: 10px;
position: absolute;

在图钉上，虽然它们包含在具有相对位置的 map div 中，但会将图钉放在左上角。我希望这已经足够清楚了...