jquery - 如何将一个元素定位在另一个响应式元素上？

Question

我有一个响应式图像，它会随着浏览器窗口的大小增加。我还计划将此图像（这是一张地图）上的图标放在正确的位置。我通常会使用绝对位置并根据图像周围具有相对定位的 div 来定位元素。

有什么办法可以完成我的要求吗？图标需要定位在 css/jquery 中（不是图像的一部分），因为我计划让它们在鼠标悬停时亮起/改变颜色

标签： jquerycssresponsivepositioning

Answer 1

您仍然可以使用position: absolute并指定您的top///属性为百分比left。另一种方法是使用类似或代替的单位。bottomrightvwvhpx