Html 保持'的位置；引脚'；当浏览器窗口调整大小时位于图像顶部

我有一个形象，我想把几个'针'。我知道如何在图像上获取图钉，但问题是当浏览器调整大小时，图像将缩放，但图钉不会保持匹配/保持在所需位置的顶部

---

有人有这种功能的例子吗？

有。你贴的小提琴是正确的。必须将图像包装到具有

position: relative;
display: inline-block;

然后，您还可以在内部放置带有以下内容的针脚：

position: absolute;
top: 50%;
left: 50%;

---

然后根据您希望放置它们的位置调整顶部和左侧。

我想写这把小提琴的人很快就明白了。我需要一个例子让我知道。谢谢您的回答。也许我遗漏了什么，但看起来小提琴中的

们只是有一段时间呆在同一个地方。如果你把它展开得更多，你会看到它们错位，这是因为容器比图像宽。您需要将display:inline块添加到图像的父级。我纠正了我的回答太好了！非常感谢。