将div放在图像上但响应迅速

Question

我的图像中手指上有一些圆圈。我在图像上放置了发光的div。

{
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    margin: 0 !important;
    padding: 0 !important;
}

这就是我放置发光圆圈的方式。

.small_rings_group {
    position: absolute;
    left: 25.3vw;
    top: 10vh;
}

它在窗口宽度变化方面非常有效，但是当我改变窗口的高度时，位置发生了变化。

Answer 1

1。）使用position: relative使图像充当＆＃34;定位锚点＆＃34;对于绝对定位的元素。

2。）在绝对定位元素的CSS中，不要使用绝对值，但是左边和上边的百分比值（将与父节点相关）。这将使职位保持敏感。