我有一张要贴一些“图钉”的图像。我知道如何在图片上获取图钉,但是问题是,调整浏览器大小时,图片会缩放,但图钉不会保持匹配/停留在所需位置的顶部。
有人提供这种功能的示例吗?
最佳答案
是。您张贴的小提琴是正确的。图片必须包装成带有
position: relative;
display: inline-block;
然后在内部,您还可以将别针放在下面:
position: absolute;
top: 50%;
left: 50%;
然后根据您希望放置它们的位置调整顶部和左侧。
关于html - 调整浏览器窗口大小时,在图像顶部保持“大头针”的位置,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/44145020/