css - 将 Div 放置在文档中的任意位置并在窗口调整大小后具有相同的位置

Question

我觉得问这个问题很菜，但似乎找不到完美的答案。

我有一张 map ，我想在上面设置几个图钉。 map 是静态图像，图钉是 div 的背景图像。为了将图钉设置在我想要的位置，我将其位置设置为绝对位置并相应地移动图钉(顶部，左侧)。现在，如果窗口调整大小，很明显图钉不会留在 map 上。

如果我对顶部和左侧使用 %，则图钉会随 map 移动，但图钉的位置太具体了。诸如 56px、896px 等，所以百分比没有帮助。

有没有其他方法可以做到这一点？我不介意使用 jQuery，但如果可以使用 CSS，我会非常高兴。

这是一个例子:http://jsfiddle.net/RKyGV/2/show/尝试调整窗口大小。

非常感谢

Answer 1

设置position:relative于你的 map ；将图钉作为 map 的子元素放置在 position: absolute 中。现在它们的坐标是相对于 map 的。