如何将一个元素放置在另一个响应元素上？

Question

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

有什么办法可以解决我的要求吗？图标需要放置在css / jquery中（而不是图像的一部分），因为我计划让它们在mousever上亮起/更改颜色

Answer 1

您仍然可以使用position: absolute并以百分比形式指定top / left / bottom / right属性。另一种方法是使用vw或vh之类的单位来代替px。