html - 父 DIV 后面的子图像。如何？

Question

我在 div 中有一张图片。我需要那个子图像位于父 div 之后。

<div class="parent">
  <img src="https://gsa-cmp-fileupload.s3.amazonaws.com/USA_Government_Branches_Infographic.png" class="child" />
</div>

该图像应该在那个红色 边框后面。怎么做？

.parent {
  width: 200px;
  height: 200px;
  border: 1px solid red;
  border-radius: 50%;
  }

.parent img.child {
  width: 200px;
  height: 200px;
  }

<div class="parent">
    <img src="https://gsa-cmp-fileupload.s3.amazonaws.com/USA_Government_Branches_Infographic.png" class="child" />
    </div>

找了好久，还是不知道怎么弄。请提供一些帮助。

Answer 1

我们是这样做的:

.parent {
  width: 200px;
  height: 200px;
  border: 1px solid red;
  border-radius: 50%;
   overflow:hidden;
  }