保持＆＃39;针脚的位置。浏览器窗口调整大小时在图像顶部

Question

我有一张图片，我想放几个＆＃39; pin＆＃39;上。我知道如何在图像上获取图钉，但问题是当浏览器调整大小时，图像会缩放，但图钉不会保持匹配/保持在所需位置的顶部。

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

Answer 1

是。你发布的小提琴是正确的。必须将图像包装到带有

的元素中

position: relative;
display: inline-block;

然后在你内部也把引脚放在：

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

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