Html 绝对至img的Div位置应为'；别动

我遇到了以下问题：父亲中有两个兄弟姐妹div，一个带有图像（相对位置和类主图像），另一个（绝对位置和长方体圆）带有子对象（一个称为白色圆的div，图像后面有一个带绝对位置的圆）。 我的问题是：当我改变分辨率时，圆圈应该留在图像后面，并移开

这是相对css：

.box-circle{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden;
}
.home-image{
  z-index: 10;
}
.relative{
  position: relative;
}
.white-circle{
      position: absolute;
    width: 25rem;
    height: 25rem;
    background-color: #FFFFFF;
    border-radius: 50%;
  top: 12rem;
    right: 8rem;
}

---

z-index CSS属性指定了定位的元素的z顺序，因此将

位置

属性插入到

。主图像

，如下所示：

.home-image{
  z-index: 10;
  position:relative;
}

请试试这个

.home图像{
z指数：10；
位置：相对位置；
显示：块；
文本对齐：居中；
保证金：50px自动；
文本对齐：居中；
}
.白圈{
位置：绝对位置；
宽度：25雷姆；
高度：25雷姆；
背景色：红色；
边界半径：50%；
顶部：20px；
右：0；
左：0；
保证金：0自动；
}

您不应该用文字描述HTML结构，而应该共享这部分代码，这样会更清晰。您可以共享代码，以帮助您创建一个具有显示问题所需的最低标记和样式的小提琴。圆圈应该如何移动以及移动到哪里？我没有分享，因为我使用的是wordpress，我给出了一堆代码，不管怎样，现在我将share@Kaddath，嗨，我的朋友，

div

在问题no

image

中被描述为“相对位置和班级家庭形象”。他描述有两个兄弟姐妹div，这正是我要求OP澄清HTML的原因