我有一张要贴一些“图钉”的图像。我知道如何在图片上获取图钉,但是问题是,调整浏览器大小时,图片会缩放,但图钉不会保持匹配/停留在所需位置的顶部。

有人提供这种功能的示例吗?

最佳答案

是。您张贴的小提琴是正确的。图片必须包装成带有

position: relative;
display: inline-block;


然后在内部,您还可以将别针放在下面:

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


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

关于html - 调整浏览器窗口大小时,在图像顶部保持“大头针”的位置,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/44145020/

10-16 08:20